From 33df17b462dab41d4a433c5fa12377590538133d Mon Sep 17 00:00:00 2001
From: John Knox <jknox@fb.com>
Date: Wed, 3 Jul 2019 03:30:48 -0700
Subject: [PATCH] Fix layout search red text

Summary: The search text should only appear red when it's a regex, and when that regex is not valid.

Reviewed By: danielbuechele

Differential Revision: D16091096

fbshipit-source-id: 22b3e229e2c82ced956bae8fd203c5f177323dc2
---
 src/ui/components/searchable/Searchable.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/components/searchable/Searchable.js b/src/ui/components/searchable/Searchable.js
index 16624d3ad..613c0cdc7 100644
--- a/src/ui/components/searchable/Searchable.js
+++ b/src/ui/components/searchable/Searchable.js
@@ -45,7 +45,7 @@ export const SearchInput = styled(Input)(props => ({
   lineHeight: '100%',
   marginLeft: 2,
   width: '100%',
-  color: props.isValidInput ? colors.black : colors.red,
+  color: props.regex && !props.isValidInput ? colors.red : colors.black,
   '&::-webkit-input-placeholder': {
     color: colors.placeholder,
     fontWeight: 300,