import withPageAuthRequired from '@/util/withPageAuthRequired'; import { NextPage } from 'next'; import { Tab } from '@headlessui/react'; import Head from 'next/head'; import AccountInfo from '@/components/Account/AccountInfo'; import { useContext, useReducer } from 'react'; import UserContext from '@/contexts/UserContext'; import Security from '@/components/Account/Security'; import DeleteAccount from '@/components/Account/DeleteAccount'; import accountPageReducer from '@/reducers/accountPageReducer'; const AccountPage: NextPage = () => { const { user } = useContext(UserContext); const [pageState, dispatch] = useReducer(accountPageReducer, { accountInfoOpen: false, securityOpen: false, deleteAccountOpen: false, }); if (!user) return null; return ( <>
Hello, {user!.username}!
Welcome to your account page.