Prescription

frontend/dashboard/src/pages/Report/Prescription/Index.tsx

@@ -0,0 +1,37 @@
+import { Card, Grid, Container } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import HeaderBreadcrumbs from '@/components/HeaderBreadcrumbs';
+import Page from '@/components/Page';
+import useSettings from '@/hooks/useSettings';
+import List from '../Prescription/List';
+
+export default function Prescription(){
+    const { themeStretch } = useSettings();
+
+    const { id } = useParams();
+
+    const pageTitle = 'Prescription';
+
+    return(
+        <Page title = {pageTitle}>
+            <Container maxWidth = {themeStretch ? false : 'xl'}>
+                <HeaderBreadcrumbs heading= {pageTitle}
+                links={[
+                    {
+                        name: 'Report',
+                        href: '/report',
+
+                    },
+                    {
+                        name: 'Prescription',
+                        href: '/prescription',
+                    },
+                ]}
+                />
+
+                <List/>
+
+            </Container>
+        </Page>
+    );
+}