Add email_verified_at field to User interface and update profile form to handle optional user properties

Author: PavlosIsaris

resources/js/pages/auth/verify-email.tsx

@@ -36,7 +36,7 @@ export default function VerifyEmail({ status }: Readonly<{ status?: string }>) {
 					Resend verification email
 				</Button>
 
-				<TextLink href={route('logout')} method="post" className="mx-auto block text-sm">
+				<TextLink href={route('logout')} className="mx-auto block text-sm">
 					Log out
 				</TextLink>
 			</form>

resources/js/pages/settings/profile.tsx

@@ -38,8 +38,8 @@ export default function Profile({
 	const { data, setData, patch, errors, processing, recentlySuccessful } = useForm<
 		Required<ProfileForm>
 	>({
-		name: auth.user.name,
-		email: auth.user.email,
+		name: auth.user?.name ?? '',
+		email: auth.user?.email ?? '',
 	});
 
 	const submit: FormEventHandler = (e) => {
@@ -95,7 +95,7 @@ export default function Profile({
 							<InputError className="mt-2" message={errors.email} />
 						</div>
 
-						{mustVerifyEmail && auth.user.email_verified_at === null && (
+						{mustVerifyEmail && auth.user?.email_verified_at === null && (
 							<div>
 								<p className="text-muted-foreground -mt-4 text-sm">
 									{t('settings.profile.email_unverified')}{' '}

resources/js/types/index.d.ts

@@ -14,6 +14,7 @@ export interface User {
     created_at: string | null;
     updated_at: string | null;
     deleted_at: string | null;
+    email_verified_at: string | null;
     avatar: string | null;
     can: Record<Permission, boolean>;
 }