refactor: 에러메시지 타입 string | null로 변경

woowacourse-teams · Aug 16, 2024 · e9b5876 · e9b5876
1 parent 01e0a15
commit e9b5876
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/HDesign/src/components/LabelGroupInput/LabelGroupInput.type.ts b/HDesign/src/components/LabelGroupInput/LabelGroupInput.type.ts
@@ -2,7 +2,7 @@ export interface LabelGroupInputStyleProps {}
 
 export interface LabelGroupInputCustomProps {
   labelText: string;
-  errorText?: string;
+  errorText: string | null;
 }
 
 export type LabelGroupInputOptionProps = LabelGroupInputStyleProps & LabelGroupInputCustomProps;

diff --git a/HDesign/src/components/LabelInput/LabelInput.tsx b/HDesign/src/components/LabelInput/LabelInput.tsx
@@ -29,9 +29,11 @@ const LabelInput: React.FC<LabelInputProps> = forwardRef<HTMLInputElement, Label
         <Text size="caption" css={labelTextStyle(theme, hasFocus, !!htmlProps.value)}>
           {labelText}
         </Text>
-        <Text size="caption" css={errorTextStyle(theme, isError ?? false)}>
-          {errorText}
-        </Text>
+        {errorText && (
+          <Text size="caption" css={errorTextStyle(theme, isError ?? false)}>
+            {errorText}
+          </Text>
+        )}
       </Flex>
       <Flex flexDirection="column" gap="0.5rem">
         <Input ref={inputRef} isError={isError} placeholder={labelText} {...htmlProps} />

diff --git a/HDesign/src/components/LabelInput/LabelInput.type.ts b/HDesign/src/components/LabelInput/LabelInput.type.ts
@@ -2,7 +2,7 @@ export interface LabelInputStyleProps {}
 
 export interface LabelInputCustomProps {
   labelText: string;
-  errorText?: string;
+  errorText: string | null;
   isError?: boolean;
   autoFocus: boolean;
 }