fix(FE-51) adjust textarea component ui

src/components/input/TextArea.tsx

@@ -31,7 +31,7 @@ export interface TextAreaProps {
   endAdornment?: ReactNode;
   onChange?: ChangeEventHandler<HTMLTextAreaElement>;
   onBlur?: FocusEventHandler<HTMLTextAreaElement>;
-  cols?: number;
+  rows?: number;
 }
 
 const TextArea = ({
@@ -52,7 +52,7 @@ const TextArea = ({
   onBlur,
   readOnly = false,
   isLoading = false,
-  cols = 3
+  rows = 3
 }: TextAreaProps) => {
   return (
     <div
@@ -87,7 +87,7 @@ const TextArea = ({
 
         <textarea
           className={cn(
-            'input h-12 px-4 py-2 text-base font-normal leading-6 w-full rounded-lg! outline-none! transition-all',
+            'input h-auto px-4 py-2 text-base font-normal leading-6 w-full rounded-lg! outline-none! transition-all',
             {
               'border-error': isError,
               'border-success!': isValid,
@@ -98,7 +98,7 @@ const TextArea = ({
           name={name}
           placeholder={placeholder}
           value={value}
-          cols={cols}
+          rows={rows}
           onChange={onChange}
           onBlur={onBlur}
           disabled={disabled}

src/components/pages/master-data/customer/form/CustomerForm.tsx

@@ -307,7 +307,6 @@ const CustomerForm = ({
               isError={formik.touched.address && Boolean(formik.errors.address)}
               errorMessage={formik.errors.address}
               readOnly={formType === 'detail'}
-              cols={8}
             />
           </div>
 

src/components/pages/master-data/supplier/form/SupplierForm.tsx

@@ -348,7 +348,6 @@ const SupplierForm = ({
               isError={formik.touched.address && Boolean(formik.errors.address)}
               errorMessage={formik.errors.address}
               readOnly={formType === 'detail'}
-              cols={8}
             />
             <TextInput
               required