From 3fd257b4fce2da8ffe56b1100e0f73448d89453b Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkateshchaturvedi12@gmail.com>
Date: Fri, 22 Jul 2022 08:48:41 +0530
Subject: Add photograph and document scanner pages

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

(limited to 'src/pages/DocumentScanner')

diff --git a/src/pages/DocumentScanner/DocumentScanner.jsx b/src/pages/DocumentScanner/DocumentScanner.jsx
new file mode 100644
index 0000000..2b757f4
--- /dev/null
+++ b/src/pages/DocumentScanner/DocumentScanner.jsx
@@ -0,0 +1,43 @@
+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/DocumentScanner/DocumentScanner.module.css b/src/pages/DocumentScanner/DocumentScanner.module.css
new file mode 100644
index 0000000..ec59f61
--- /dev/null
+++ b/src/pages/DocumentScanner/DocumentScanner.module.css
@@ -0,0 +1,5 @@
+.card__container {
+    display: flex;
+    justify-content: center;
+  }
+  
\ No newline at end of file
-- 
cgit