Merge pull request #206 from sopt-makers/fix/textarea

fix(ui): Textarea maxLength 초과시 error 뜨도록 변경
sopt-makers · Nov 8, 2024 · 7a71ccb · 7a71ccb
2 parents 564b14c + 5d886fd
commit 7a71ccb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/chatty-plants-shave.md b/.changeset/chatty-plants-shave.md
@@ -0,0 +1,5 @@
+---
+'@sopt-makers/ui': patch
+---
+
+[UI] Textarea maxLength 초과시 error 뜨도록 변경
diff --git a/packages/ui/FieldBox/components/ErrorMessage.tsx b/packages/ui/FieldBox/components/ErrorMessage.tsx
@@ -1,5 +1,5 @@
-import AlertCircleIcon from 'Input/icons/AlertCircleIcon';
 import { forwardRef, type HTMLAttributes } from 'react';
+import AlertCircleIcon from 'Input/icons/AlertCircleIcon';
 import { errorMessage } from '../style.css';
 
 export interface FieldBoxErrorMessageProps extends HTMLAttributes<HTMLDivElement> {

diff --git a/packages/ui/Input/TextArea.tsx b/packages/ui/Input/TextArea.tsx
@@ -102,12 +102,12 @@ function TextArea(props: TextAreaProps) {
     }
   }, [rightAddon, isSubmitDisabled]);
 
-  const handleFocus = (e: React.FocusEvent<HTMLTextAreaElement, Element>) => {
+  const handleFocus = (e: React.FocusEvent<HTMLTextAreaElement>) => {
     setIsFocused(true);
     inputProps.onFocus && inputProps.onFocus(e);
   };
 
-  const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement, Element>) => {
+  const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {
     setIsFocused(false);
     inputProps.onBlur && inputProps.onBlur(e);
   };