From ffefbc1c2a382597c6d9f90977f8c907e26fbe2e Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 28 Jul 2022 17:51:44 +0530
Subject: Added components and some refactoring

---
 .../Enrollment/DocumentScanner/DocumentScanner.jsx | 56 ++++++++++++++++++++++
 .../DocumentScanner/DocumentScanner.module.css     |  5 ++
 2 files changed, 61 insertions(+)
 create mode 100644 src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx
 create mode 100644 src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css

(limited to 'src/pages/Enrollment/DocumentScanner')

diff --git a/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx b/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx
new file mode 100644
index 0000000..1ca2558
--- /dev/null
+++ b/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx
@@ -0,0 +1,56 @@
+import React from 'react'
+import Header from '../../../components/Header/Header'
+import CardScanner from '../../../components/Card/CardScanner'
+import styles from './DocumentScanner.module.css'
+import { Button, Grid, Typography } from '@mui/material'
+import SubmitButton from '../../../components/SubmitButton/SubmitButton'
+
+const DocumentScanner = () => {
+  return (
+    <>
+      <Header subheading="Enrollment" />
+      <div className={styles.card__container}>
+        <CardScanner
+          image={`${process.env.PUBLIC_URL}/assets/images/document.svg`}
+        />
+      </div>
+      <Grid container columnSpacing={10} justifyContent="center">
+        <Grid item>
+          <Button
+            color="primary"
+            size="large"
+            type="submit"
+            variant="contained"
+          >
+            Scan
+          </Button>
+        </Grid>
+        <Grid item>
+          <Button
+            color="primary"
+            size="large"
+            type="submit"
+            variant="contained"
+          >
+            Reset
+          </Button>
+        </Grid>
+      </Grid>
+      <br></br>
+      <div>
+        <Grid container justifyContent="center">
+          <Typography align="center">
+            Please place your document on the scanner.
+            <br />
+            Close the lid.
+            <br />
+            Wait for prompt to remove your document
+          </Typography>
+        </Grid>
+      </div>
+      <SubmitButton />
+    </>
+  )
+}
+
+export default DocumentScanner
diff --git a/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css b/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css
new file mode 100644
index 0000000..ec59f61
--- /dev/null
+++ b/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css
@@ -0,0 +1,5 @@
+.card__container {
+    display: flex;
+    justify-content: center;
+  }
+  
\ No newline at end of file
-- 
cgit