import React from 'react'; import MailIcon from '@mui/icons-material/Mail'; import InboxIcon from '@mui/icons-material/MoveToInbox'; import { Box, Divider, Drawer, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText } from '@mui/material'; import Head from 'next/head'; import { useFormik } from 'formik'; import * as yup from 'yup'; const validationSchema = yup.object({ // email: yup.string('Enter your email').email('Enter a valid email').required('Email is required'), // password: yup // .string('Enter your password') // .min(8, 'Password should be of minimum 8 characters length') // .required('Password is required'), }); export default function Home() { const [open, setOpen] = React.useState(false); const toggleDrawer = newOpen => () => { setOpen(newOpen); }; const formik = useFormik({ initialValues: { email: 'foobar@example.com', password: 'foobar', patient_name: 'default patient name', patient_hkid: 'A213456(7)', patient_age: 37, patient_mobile: '91234567', bruisesScratchesMinorBurns: false, chestPain: false, headache: false, myMuiCheck: false, nauseaAndVomiting: false, runnyOrStuffyNose: false, soreThroat: false, }, validationSchema: validationSchema, onSubmit: values => { alert(JSON.stringify(values, null, 2)); }, }); const DrawerList = ( {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => ( {index % 2 === 0 ? : } ))} {['All mail', 'Trash', 'Spam'].map((text, index) => ( {index % 2 === 0 ? : } ))} ); return ( <> dashboard - non-urgent case PatientRegister PatientQueueDisplay AdminLogin AdminHome SemiUrgentCaseList NonUrgentCaseList {DrawerList} ); }