import { Head, router, usePage } from '@inertiajs/react'; import { useState } from 'react'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AuthLayout from '@/layouts/auth-layout'; import { useT } from '@/lib/i18n'; import { authHelperTextClass, authNoticeClass, authPrimaryButtonClass, } from '@/pages/auth/styles'; type Invitation = { email: string; role: string; workspace: { id: string; name: string }; token: string; }; export default function AcceptInvitation() { const { t } = useT(); const { invitation } = usePage<{ invitation: Invitation }>().props; const [submitting, setSubmitting] = useState(false); const accept = () => { setSubmitting(true); router.post( `/invitations/${invitation.token}/accept`, {}, { onFinish: () => setSubmitting(false), }, ); }; return (

{t("You've been invited to join")}

{invitation.workspace.name}

{t('as')} {invitation.role} ·{' '} {t('for')} {invitation.email}

{t('You must be signed in as')}{' '} {invitation.email}{' '} {t('to accept this invitation.')}

{t( "If you're not signed in yet, log in or register first with this email.", )}

); }