You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

37 lines
1.5 KiB

  1. import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
  2. import DeleteUserForm from './Partials/DeleteUserForm';
  3. import UpdatePasswordForm from './Partials/UpdatePasswordForm';
  4. import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm';
  5. import { Head } from '@inertiajs/react';
  6. import { PageProps } from '@/types';
  7. export default function Edit({ auth, mustVerifyEmail, status }: PageProps<{ mustVerifyEmail: boolean, status?: string }>) {
  8. return (
  9. <AuthenticatedLayout
  10. user={auth.user}
  11. header={<h2 className="font-semibold text-xl text-gray-800 leading-tight">Profile</h2>}
  12. >
  13. <Head title="Profile" />
  14. <div className="py-12">
  15. <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
  16. <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
  17. <UpdateProfileInformationForm
  18. mustVerifyEmail={mustVerifyEmail}
  19. status={status}
  20. className="max-w-xl"
  21. />
  22. </div>
  23. <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
  24. <UpdatePasswordForm className="max-w-xl" />
  25. </div>
  26. <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
  27. <DeleteUserForm className="max-w-xl" />
  28. </div>
  29. </div>
  30. </div>
  31. </AuthenticatedLayout>
  32. );
  33. }