This commit is contained in:
User
2024-12-27 20:43:18 -05:00
parent 89d0394de9
commit da918835c2
84 changed files with 6160 additions and 1068 deletions

View File

@@ -1,39 +1,43 @@
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
import { Head } from '@inertiajs/react';
import DeleteUserForm from './Partials/DeleteUserForm';
import UpdatePasswordForm from './Partials/UpdatePasswordForm';
import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm';
import AppLayout from "@/Layouts/AppLayout.jsx";
import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from "@/Components/ui/breadcrumb.jsx";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
export default function Edit({ mustVerifyEmail, status }) {
export default function Edit({ auth, mustVerifyEmail, status }) {
return (
<AuthenticatedLayout
header={
<h2 className="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
Profile
</h2>
}
>
<AppLayout auth={ auth } header={
<>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbLink>Profile</BreadcrumbLink>
</BreadcrumbItem>
</>
}>
<Head title="Profile" />
<div className="py-12">
<div className="mx-auto max-w-7xl space-y-6 sm:px-6 lg:px-8">
<div className="bg-white p-4 shadow sm:rounded-lg sm:p-8 dark:bg-gray-800">
<div className="py-3">
<Tabs defaultValue="profile" className="mx-auto max-w-7xl space-y-6 sm:px-6 lg:px-8">
<TabsList className="grid w-full grid-cols-3">
<TabsTrigger value="profile">Profile Information</TabsTrigger>
<TabsTrigger value="password">Update Password</TabsTrigger>
<TabsTrigger value="deleteAccount">Delete Account</TabsTrigger>
</TabsList>
<TabsContent value="profile">
<UpdateProfileInformationForm
mustVerifyEmail={mustVerifyEmail}
status={status}
className="max-w-xl"
mustVerifyEmail={ mustVerifyEmail }
status={ status }
/>
</div>
<div className="bg-white p-4 shadow sm:rounded-lg sm:p-8 dark:bg-gray-800">
<UpdatePasswordForm className="max-w-xl" />
</div>
<div className="bg-white p-4 shadow sm:rounded-lg sm:p-8 dark:bg-gray-800">
<DeleteUserForm className="max-w-xl" />
</div>
</div>
</TabsContent>
<TabsContent value="password">
<UpdatePasswordForm />
</TabsContent>
<TabsContent value="deleteAccount">
<DeleteUserForm />
</TabsContent>
</Tabs>
</div>
</AuthenticatedLayout>
</AppLayout>
);
}