| @@ -1,5 +1,5 @@ | |||
| import React, { useState } from 'react'; | |||
| import { Box, Button, Paper, Typography } from '@mui/material'; | |||
| import { Box, Button, Divider, Paper, Typography } from '@mui/material'; | |||
| import DialogComponent from '../../components/MUI/DialogComponent'; | |||
| import DrawerComponent from '../../components/MUI/DrawerComponent'; | |||
| import Navbar from '../../components/MUI/Navbar'; | |||
| @@ -29,6 +29,8 @@ const HomePage = () => { | |||
| flexDirection: 'column', | |||
| }} | |||
| > | |||
| <Typography variant="h4" gutterBottom align="center">Modals</Typography> | |||
| <Divider /> | |||
| <Button onClick={() => setDialogOpen(true)}>Open Dialog</Button> | |||
| <Button onClick={() => setDrawerOpen(true)}>Open Drawer</Button> | |||
| <Button | |||