- Integrated toast notifications to display error messages when form submissions fail across various components, enhancing user feedback and experience. - Updated components including DeleteUser, FormDialog, ManageTwoFactor, TwoFactorRecoveryCodes, TwoFactorSetupModal, PayrollPeriodShow, EmployeeCreate, EmployeeEdit, CuttingCreate, CuttingEdit, PurchaseCreate, PurchaseEdit, RestockCreate, RestockEdit, TransactionCreate, TransactionEdit, Category management, Product management, Raw Material management, Role management, Settings, and Authentication pages.
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
// Components
|
|
import { Form, Head } from '@inertiajs/react';
|
|
import { toast } from 'sonner';
|
|
import TextLink from '@/components/text-link';
|
|
import { Button } from '@/components/ui/button';
|
|
import { Spinner } from '@/components/ui/spinner';
|
|
import { logout } from '@/routes';
|
|
import { send } from '@/routes/verification';
|
|
|
|
export default function VerifyEmail({ status }: { status?: string }) {
|
|
return (
|
|
<>
|
|
<Head title="Email verification" />
|
|
|
|
{status === 'verification-link-sent' && (
|
|
<div className="mb-4 text-center text-sm font-medium text-green-600">
|
|
A new verification link has been sent to the email address
|
|
you provided during registration.
|
|
</div>
|
|
)}
|
|
|
|
<Form
|
|
{...send.form()}
|
|
className="space-y-6 text-center"
|
|
onError={() => {
|
|
toast.error('Terjadi kesalahan saat menyimpan data. Silakan periksa kembali input Anda.');
|
|
}}
|
|
>
|
|
{({ processing }) => (
|
|
<>
|
|
<Button disabled={processing} variant="secondary">
|
|
{processing && <Spinner />}
|
|
Resend verification email
|
|
</Button>
|
|
|
|
<TextLink
|
|
href={logout()}
|
|
className="mx-auto block text-sm"
|
|
>
|
|
Log out
|
|
</TextLink>
|
|
</>
|
|
)}
|
|
</Form>
|
|
</>
|
|
);
|
|
}
|
|
|
|
VerifyEmail.layout = {
|
|
title: 'Email verification',
|
|
description:
|
|
'Please verify your email address by clicking on the link we just emailed to you.',
|
|
};
|