Implemented update UI

2 files changed, 33 insertions, 0 deletions

diff --git a/client/src/pages/Update/FinalSlip/FinalSlip.jsx b/client/src/pages/Update/FinalSlip/FinalSlip.jsx
new file mode 100644
index 0000000..9ac568a
--- /dev/null
+++ b/client/src/pages/Update/FinalSlip/FinalSlip.jsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import Header from '../../../components/Header/Header'
+import CardScanner from '../../../components/Card/CardScanner'
+import styles from './FinalSlip.module.css'
+import { Grid, Typography } from '@mui/material'
+
+const FinalSlip = () => {
+  return (
+    <>
+      <Header subheading="Enrollment" />
+      <div className={styles.card__container}>
+        <CardScanner
+          image={`${process.env.PUBLIC_URL}/assets/images/slip.svg`}
+        />
+      </div>
+      <div>
+        <Grid container justifyContent="center">
+          <Typography align="center" fontWeight={'Bold'}>
+          Thank you for your time.<br />
+          Please collect your slip before leaving
+          </Typography>
+        </Grid>
+      </div>
+    </>
+  )
+}
+
+export default FinalSlip
diff --git a/client/src/pages/Update/FinalSlip/FinalSlip.module.css b/client/src/pages/Update/FinalSlip/FinalSlip.module.css
new file mode 100644
index 0000000..ec59f61
--- /dev/null
+++ b/client/src/pages/Update/FinalSlip/FinalSlip.module.css
@@ -0,0 +1,5 @@
+.card__container {
+    display: flex;
+    justify-content: center;
+  }
+  
\ No newline at end of file