import type { FormDataConvertible } from '@inertiajs/core'; import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@admin/components/ui/button'; import { FormError } from '@admin/components/ui/form-error'; import { Input } from '@admin/components/ui/input'; import { Label } from '@admin/components/ui/label'; import { PasswordStrengthIndicator } from '@admin/components/ui/forms/password-strength-indicator'; import { TextLink } from '@admin/components/ui/text-link'; import AuthLayout from '@admin/layouts/auth-layout'; interface ResetPasswordProps { token: string; email: string; } interface ResetPasswordForm extends Record { token: string; email: string; password: string; password_confirmation: string; } export default function ResetPassword({ token, email }: ResetPasswordProps) { const { data, setData, post, processing, errors, reset } = useForm({ token, email, password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.store'), { onFinish: () => reset('password', 'password_confirmation'), }); }; return ( Choose a new password for your account. Back to sign in } > ); }