Add highlight feature without error message

ClickHouse · Sep 28, 2023 · 696f987 · 696f987
1 parent 7b2e58f
commit 696f987
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/Input/InputWrapper.tsx b/src/components/Input/InputWrapper.tsx
@@ -77,27 +77,26 @@ export interface WrapperProps {
 export const InputWrapper = ({
   id,
   label = "",
-  error = "",
+  error,
   disabled,
   children,
   orientation,
   dir,
 }: WrapperProps) => {
-  const showError = error ? typeof error === "string" && error.length !== 0 : false;
   return (
     <FormRoot
       $orientation={orientation}
       $dir={dir}
     >
       <FormElementContainer>
-        <Wrapper $error={showError}>{children}</Wrapper>
-        {showError && <Error>{error}</Error>}
+        <Wrapper $error={!!error}>{children}</Wrapper>
+        {!!error && error !== true && <Error>{error}</Error>}
       </FormElementContainer>
       {label && (
         <Label
           htmlFor={id}
           disabled={disabled}
-          error={showError}
+          error={!!error}
         >
           {label}
         </Label>

diff --git a/src/components/Select/common/InternalSelect.tsx b/src/components/Select/common/InternalSelect.tsx
@@ -463,7 +463,7 @@ export const InternalSelect = ({
             </SelectPopoverContent>
           </Portal>
         </SelectPopoverRoot>
-        {!!error && <Error>{error}</Error>}
+        {!!error && error !== true && <Error>{error}</Error>}
       </FormElementContainer>
       {label && (
         <Label