https://dev.kronoz.win/r/marzneshin.git
| 1 |
4708fcb |
Dawsh |
2y ago |
import { |
| 2 |
4708fcb |
Dawsh |
2y ago |
Button, |
| 3 |
4708fcb |
Dawsh |
2y ago |
FormControl, |
| 4 |
4708fcb |
Dawsh |
2y ago |
FormField, |
| 5 |
4708fcb |
Dawsh |
2y ago |
FormItem, |
| 6 |
4708fcb |
Dawsh |
2y ago |
Input, |
| 7 |
4708fcb |
Dawsh |
2y ago |
FormLabel, |
| 8 |
4708fcb |
Dawsh |
2y ago |
FormMessage, |
| 9 |
7389ad0 |
Mardin |
2y ago |
} from "@marzneshin/common/components"; |
| 10 |
4708fcb |
Dawsh |
2y ago |
import { type FC } from "react"; |
| 11 |
4708fcb |
Dawsh |
2y ago |
import { useFormContext } from "react-hook-form"; |
| 12 |
4708fcb |
Dawsh |
2y ago |
import { useTranslation } from "react-i18next"; |
| 13 |
4708fcb |
Dawsh |
2y ago |
|
| 14 |
4708fcb |
Dawsh |
2y ago |
export const PasswordField: FC<{ change: boolean, handleChange: (s: boolean) => void }> = ({ |
| 15 |
4708fcb |
Dawsh |
2y ago |
change, handleChange |
| 16 |
4708fcb |
Dawsh |
2y ago |
}) => { |
| 17 |
4708fcb |
Dawsh |
2y ago |
const form = useFormContext(); |
| 18 |
4708fcb |
Dawsh |
2y ago |
const { t } = useTranslation(); |
| 19 |
4708fcb |
Dawsh |
2y ago |
|
| 20 |
4708fcb |
Dawsh |
2y ago |
return ( |
| 21 |
4708fcb |
Dawsh |
2y ago |
<FormField |
| 22 |
4708fcb |
Dawsh |
2y ago |
control={form.control} |
| 23 |
4708fcb |
Dawsh |
2y ago |
name="password" |
| 24 |
4708fcb |
Dawsh |
2y ago |
render={({ field }) => ( |
| 25 |
4708fcb |
Dawsh |
2y ago |
<FormItem> |
| 26 |
4708fcb |
Dawsh |
2y ago |
<FormLabel>{t("password")}</FormLabel> |
| 27 |
4708fcb |
Dawsh |
2y ago |
<FormControl> |
| 28 |
4708fcb |
Dawsh |
2y ago |
{change ? |
| 29 |
9568dfd |
Mardin |
2y ago |
(<Input type="password" {...field} />) |
| 30 |
4708fcb |
Dawsh |
2y ago |
: ( |
| 31 |
4708fcb |
Dawsh |
2y ago |
<Button |
| 32 |
4708fcb |
Dawsh |
2y ago |
className="border w-full" |
| 33 |
4708fcb |
Dawsh |
2y ago |
variant="ghost" |
| 34 |
4708fcb |
Dawsh |
2y ago |
onClick={(e) => { |
| 35 |
4708fcb |
Dawsh |
2y ago |
e.preventDefault(); |
| 36 |
4708fcb |
Dawsh |
2y ago |
handleChange(true); |
| 37 |
4708fcb |
Dawsh |
2y ago |
}} |
| 38 |
4708fcb |
Dawsh |
2y ago |
> |
| 39 |
4708fcb |
Dawsh |
2y ago |
{t("change")} |
| 40 |
4708fcb |
Dawsh |
2y ago |
</Button> |
| 41 |
4708fcb |
Dawsh |
2y ago |
) |
| 42 |
4708fcb |
Dawsh |
2y ago |
} |
| 43 |
4708fcb |
Dawsh |
2y ago |
</FormControl> |
| 44 |
4708fcb |
Dawsh |
2y ago |
<FormMessage /> |
| 45 |
4708fcb |
Dawsh |
2y ago |
</FormItem> |
| 46 |
4708fcb |
Dawsh |
2y ago |
)} |
| 47 |
4708fcb |
Dawsh |
2y ago |
/> |
| 48 |
4708fcb |
Dawsh |
2y ago |
); |
| 49 |
4708fcb |
Dawsh |
2y ago |
}; |