From 03fa343f03786a734d2f9028e5cf592000aca80e Mon Sep 17 00:00:00 2001
From: Alihaghighattalab <alihtofficial@gmail.com>
Date: Mon, 5 Aug 2024 17:59:51 +0330
Subject: [PATCH] change props name in input

---
 src/components/common/input.tsx              | 6 +++---
 src/components/forms/login-form.tsx          | 4 ++--
 src/components/forms/reset-password.form.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/common/input.tsx b/src/components/common/input.tsx
index cc2bc7a..f947059 100644
--- a/src/components/common/input.tsx
+++ b/src/components/common/input.tsx
@@ -7,10 +7,10 @@ type Props = {
     type?: React.HTMLInputTypeAttribute,
     placeholder: string,
     icon?: React.ReactNode,
-    other?: any
+    field?: any
 }
 
-export const Input: FC<Props> = ({ placeholder, type = "text", icon, other }) => {
+export const Input: FC<Props> = ({ placeholder, type = "text", icon, field }) => {
     const [hidden, setHidden] = useState<boolean>(false)
     const handleHidden = () => setHidden(prev => !prev)
     return (
@@ -20,7 +20,7 @@ export const Input: FC<Props> = ({ placeholder, type = "text", icon, other }) =>
                     !hidden ? <Eye size="23" color="#777577" onClick={handleHidden} /> : <EyeSlash size="23" color="#777577" onClick={handleHidden} />
                     : icon}
             </div>
-            <InputComponent {...other} type={type === "password" && hidden ? "text" : type} placeholder={placeholder} className="input-style" />
+            <InputComponent {...field} type={type === "password" && hidden ? "text" : type} placeholder={placeholder} className="input-style" />
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/components/forms/login-form.tsx b/src/components/forms/login-form.tsx
index e51898c..c3678e2 100644
--- a/src/components/forms/login-form.tsx
+++ b/src/components/forms/login-form.tsx
@@ -35,13 +35,13 @@ export const LoginForm = () => {
                 <div className="flex flex-col gap-y-[25px] mt-9 mb-[42px]">
                     <Controller control={control} name="phoneNumber" render={({ field }) => (
                         <>
-                            <Input type="number" placeholder="شماره تماس" other={field} />
+                            <Input type="number" placeholder="شماره تماس" field={field} />
                             <ErrorComponent show={errors.phoneNumber} message={errors.phoneNumber?.message} />
                         </>
                     )} />
                     <Controller control={control} name="password" render={({ field }) => (
                         <>
-                            <Input type="password" placeholder="رمز عبور" other={field} />
+                            <Input type="password" placeholder="رمز عبور" field={field} />
                             <ErrorComponent show={errors.password} message={errors.password?.message} />
                         </>
                     )} />
diff --git a/src/components/forms/reset-password.form.tsx b/src/components/forms/reset-password.form.tsx
index f93af0f..d95b12b 100644
--- a/src/components/forms/reset-password.form.tsx
+++ b/src/components/forms/reset-password.form.tsx
@@ -35,11 +35,11 @@ export const ResetPasswordForm = () => {
                 </div>
                 <div className="flex flex-col gap-y-[25px] mt-9 mb-[42px]">
                     <Controller control={control} name="password" render={({ field }) => (<>
-                        <Input type="password" placeholder="رمز عبور" other={field} />
+                        <Input type="password" placeholder="رمز عبور" field={field} />
                         <ErrorComponent show={errors.password} message={errors.password?.message} />
                     </>)} />
                     <Controller control={control} name="repeatPassword" render={({ field }) => (<>
-                        <Input type="password" placeholder="تکرار رمز عبور" other={field} />
+                        <Input type="password" placeholder="تکرار رمز عبور" field={field} />
                         <ErrorComponent show={errors.repeatPassword} message={errors.repeatPassword?.message} />
                     </>)} />
                 </div>