import ChangeEmail from '@/components/account/change-email'; import ChangePassword from '@/components/account/change-password'; import ForgetPassword from '@/components/account/forget-password'; import Tabs from '@/components/tabs'; import { TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import DashboardLayout from '@/layouts/dashboard/layout'; import { getQueryParams } from '@/lib/route'; import { SharedData } from '@/types/global'; import { Head, router, usePage } from '@inertiajs/react'; import { nanoid } from 'nanoid'; import { ReactNode } from 'react'; import UpdateProfile from './partials/update-profile'; interface Props extends SharedData { instructor: Instructor; } const Account = ({ instructor, translate }: Props) => { const page = usePage(); const params = getQueryParams(page.url); const { button, settings } = translate; const tabs = [ { id: nanoid(), slug: 'profile-update', title: button.profile_update, Component: () => , }, { id: nanoid(), slug: 'change-email', title: button.change_email, Component: ChangeEmail, }, { id: nanoid(), slug: 'change-password', title: button.change_password, Component: ChangePassword, }, { id: nanoid(), slug: 'forget-password', title: button.forget_password, Component: ForgetPassword, }, // { // id: nanoid(), // slug: 'delete-account', // title: 'Delete Account', // Component: DeleteUser, // }, ]; return ( <>

{tabs.map(({ id, slug, title }) => ( router.get( route('settings.account', { tab: slug, }), ) } > {title} ))}

{tabs.map(({ id, slug, Component }) => ( ))}

); }; Account.layout = (page: ReactNode) => ; export default Account;