fix error formatting

calblueprint · Oct 17, 2023 · 60b7b37 · 60b7b37
1 parent cc9e235
commit 60b7b37
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/TextInput/styles.tsx b/src/components/TextInput/styles.tsx
@@ -21,10 +21,10 @@ export const InputText = styled.input<{ $error: boolean }>`
 
   &:focus {    
     outline: none !important; 
-    border: 1px solid ${COLORS.activeGreen};
+    border: 1px solid ${({$error}) => ($error ? COLORS.errorColor : COLORS.activeGreen)}; 
   }
   &::placeholder {
-    color: ${COLORS.inputSuggestionColor};
+    color: ${({$error}) => ($error ? COLORS.errorColor : COLORS.inputSuggestionColor)}; 
   }
 `
 export const InputTitleText = styled.label`