import { mdiAccountCircle } from '@mdi/js'; import Head from 'next/head'; import React, { ReactElement } from 'react'; import CardBox from '../components/CardBox'; import LayoutAuthenticated from '../layouts/Authenticated'; import SectionMain from '../components/SectionMain'; import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton'; import { getPageTitle } from '../config'; import { useAppSelector } from '../stores/hooks'; const UserInfo = () => { const { currentUser } = useAppSelector((state) => state.auth); return ( <> {getPageTitle('User Info')} {' '} {currentUser ? (
First Name
{currentUser.firstName}
Last Name
{currentUser.lastName}
Email
{currentUser.email}
Phone Number
{currentUser.phoneNumber}
) : (

User information not available.

)}
); }; UserInfo.getLayout = function getLayout(page: ReactElement) { return {page}; }; export default UserInfo;