← marzneshin
/
dashboard/src/features/admins/components/dialogs/mutation/fields/password.tsx
/
blame
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 | 4708fcb | Dawsh | 2y ago | } from "@marzneshin/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 | }; |