danak/asan-installer-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change props name in input

Browse Source
This commit is contained in:
Alihaghighattalab
2024-08-05 17:59:51 +03:30
parent c006f12c17
commit 03fa343f03
3 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/common/input.tsx
+3 -3
View File
@@ -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>
)
}
src/components/forms/login-form.tsx
+2 -2
View File
@@ -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} />
</>
)} />
src/components/forms/reset-password.form.tsx
+2 -2
View File
@@ -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>