diff options
author | rohan09-raj <[email protected]> | 2022-07-28 17:56:15 +0530 |
---|---|---|
committer | rohan09-raj <[email protected]> | 2022-07-28 17:56:15 +0530 |
commit | 49be4dfc3d478ad02876c9238c48c513edac1e7c (patch) | |
tree | b79c0bd1c2cb1582df0d03e88e4d03d097e9f0a0 /src/pages/Enrollment | |
parent | ffefbc1c2a382597c6d9f90977f8c907e26fbe2e (diff) |
refactoring folder structure
Diffstat (limited to 'src/pages/Enrollment')
-rw-r--r-- | src/pages/Enrollment/Address/Address.jsx | 47 | ||||
-rw-r--r-- | src/pages/Enrollment/Address/Address.module.css | 8 | ||||
-rw-r--r-- | src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx | 56 | ||||
-rw-r--r-- | src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css | 5 | ||||
-rw-r--r-- | src/pages/Enrollment/Enrollment.jsx | 16 | ||||
-rw-r--r-- | src/pages/Enrollment/Enrollment.module.css | 0 | ||||
-rw-r--r-- | src/pages/Enrollment/FormOne/FormOne.jsx | 72 | ||||
-rw-r--r-- | src/pages/Enrollment/FormOne/FormOne.module.css | 46 | ||||
-rw-r--r-- | src/pages/Enrollment/FormTwo/FormTwo.jsx | 17 | ||||
-rw-r--r-- | src/pages/Enrollment/FormTwo/FormTwo.module.css | 1 | ||||
-rw-r--r-- | src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx | 52 | ||||
-rw-r--r-- | src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css | 5 |
12 files changed, 0 insertions, 325 deletions
diff --git a/src/pages/Enrollment/Address/Address.jsx b/src/pages/Enrollment/Address/Address.jsx deleted file mode 100644 index 6a32bcf..0000000 --- a/src/pages/Enrollment/Address/Address.jsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from 'react' -import Header from '../../../components/Header/Header' -import Input from '../../../components/Input/Input' -import SubmitButton from '../../../components/SubmitButton/SubmitButton' - -import styles from './Address.module.css' - -const Address = () => { - return ( - <> - <Header subheading="Enrollment" /> - <div className={styles.address}> - <div className={styles.address__container}> - <Input - id="houseNo" - label="House Number/ Apartment" - value="house" - type="text" - /> - <Input - id="locality" - label="Area / Locality" - value="locality" - type="text" - /> - <Input id="town" label="Village / Town" value="town" type="text" /> - <Input - id="postOffice" - label="Post Office" - value="postOffice" - type="text" - /> - </div> - <div className={styles.address__container}> - <Input id="street" label="Street / Road" value="street" type="text" /> - <Input id="landmark" label="Landmark" value="landmark" type="text" /> - <Input id="district" label="District" value="district" type="text" /> - <Input id="pincode" label="Pincode" value="pincode" type="text" /> - </div> - </div> - <Input id="state" label="State" value="state" type="text" /> - <SubmitButton /> - </> - ) -} - -export default Address diff --git a/src/pages/Enrollment/Address/Address.module.css b/src/pages/Enrollment/Address/Address.module.css deleted file mode 100644 index 60958ba..0000000 --- a/src/pages/Enrollment/Address/Address.module.css +++ /dev/null @@ -1,8 +0,0 @@ -.address { - display: flex; - justify-content: center; -} - -.address__container { - margin: 0px 20px; -} diff --git a/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx b/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx deleted file mode 100644 index 1ca2558..0000000 --- a/src/pages/Enrollment/DocumentScanner/DocumentScanner.jsx +++ /dev/null @@ -1,56 +0,0 @@ -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 deleted file mode 100644 index ec59f61..0000000 --- a/src/pages/Enrollment/DocumentScanner/DocumentScanner.module.css +++ /dev/null @@ -1,5 +0,0 @@ -.card__container { - display: flex; - justify-content: center; - } -
\ No newline at end of file diff --git a/src/pages/Enrollment/Enrollment.jsx b/src/pages/Enrollment/Enrollment.jsx deleted file mode 100644 index b8bbc81..0000000 --- a/src/pages/Enrollment/Enrollment.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react' -import Header from '../../components/Header/Header' -import SubmitButton from '../../components/SubmitButton/SubmitButton' -import FormOne from './FormOne/FormOne' - -const Enrollment = () => { - return ( - <> - <Header subheading="Enrollment" /> - <FormOne /> - <SubmitButton /> - </> - ) -} - -export default Enrollment diff --git a/src/pages/Enrollment/Enrollment.module.css b/src/pages/Enrollment/Enrollment.module.css deleted file mode 100644 index e69de29..0000000 --- a/src/pages/Enrollment/Enrollment.module.css +++ /dev/null diff --git a/src/pages/Enrollment/FormOne/FormOne.jsx b/src/pages/Enrollment/FormOne/FormOne.jsx deleted file mode 100644 index 4ba274c..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.jsx +++ /dev/null @@ -1,72 +0,0 @@ -import React from 'react' -import Input from '../../../components/Input/Input' -import LabelCard from '../../../components/LabelCard/LabelCard' -import styles from './FormOne.module.css' - -const FormOne = () => { - return ( - <div className={styles.formone}> - <div className={styles.formone__radio}> - <span className={styles.formone__resident}> - <input - type="radio" - id="indian" - name="resident" - value="Indian Resident" - required - /> - <label htmlFor="indian">Indian Resident</label> - </span> - <span className={styles.formone__resident}> - <input - type="radio" - id="indian" - name="resident" - value="Indian Resident" - required - /> - <label htmlFor="indian">Non-Residential Indian</label> - </span> - </div> - - <Input type="text" id="fullName" label="Full Name" value="Full Name" /> - - <div className={styles.formone__gender}> - <LabelCard - id="male" - name="gender" - title="Male" - image={`${process.env.PUBLIC_URL}/assets/images/male.svg`} - /> - <LabelCard - id="female" - name="gender" - value="female" - title="Female" - image={`${process.env.PUBLIC_URL}/assets/images/female.svg`} - /> - <LabelCard - id="trans" - name="gender" - value="trans" - title="Transgender" - image={`${process.env.PUBLIC_URL}/assets/images/trans.svg`} - /> - </div> - - <div className={styles.formone__dob}> - <label htmlFor="dob">Date of Birth</label> - <input - className={styles.formone__dob_input} - type="date" - id="dob" - name="dob" - value="Date of Birth" - required - /> - </div> - </div> - ) -} - -export default FormOne diff --git a/src/pages/Enrollment/FormOne/FormOne.module.css b/src/pages/Enrollment/FormOne/FormOne.module.css deleted file mode 100644 index 35d1e49..0000000 --- a/src/pages/Enrollment/FormOne/FormOne.module.css +++ /dev/null @@ -1,46 +0,0 @@ -.formone { - display: flex; - flex-direction: column; - align-items: center; - font-family: 'Barlow'; - font-size: var(--font-medium-s); -} - -.formone__radio { - display: flex; - align-items: center; -} - -.formone__resident { - display: flex; - align-items: center; - margin: 15px; -} - -.formone__resident input[type='radio'] { - width: 1.5rem; - height: 1.5rem; -} - -.formone__gender { - display: flex; -} - -.formone__dob { - display: flex; - flex-direction: column; -} - -.formone__dob input[type='date']::-webkit-calendar-picker-indicator { - width: 30px; - height: 30px; - margin: 0; -} - -.formone__dob_input { - width: 300px; - margin: 10px 0px; - padding: 11px 10px; - border: 3px solid; - border-radius: 10px; -} diff --git a/src/pages/Enrollment/FormTwo/FormTwo.jsx b/src/pages/Enrollment/FormTwo/FormTwo.jsx deleted file mode 100644 index 56bcd70..0000000 --- a/src/pages/Enrollment/FormTwo/FormTwo.jsx +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react' -import Input from '../../../components/Input/Input' -import Header from '../../../components/Header/Header' -import SubmitButton from '../../../components/SubmitButton/SubmitButton' - -const FormTwo = () => { - return ( - <div className="formtwo"> - <Header subheading="Enrollment" /> - <Input id="mobile" value="Mobile" label="Mobile" type="text" /> - <Input id="email" value="Email" label="Email" type="email" /> - <SubmitButton /> - </div> - ) -} - -export default FormTwo diff --git a/src/pages/Enrollment/FormTwo/FormTwo.module.css b/src/pages/Enrollment/FormTwo/FormTwo.module.css deleted file mode 100644 index 8b13789..0000000 --- a/src/pages/Enrollment/FormTwo/FormTwo.module.css +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx b/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx deleted file mode 100644 index 0b30848..0000000 --- a/src/pages/Enrollment/PhotoCapture/PhotoCapture.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react' -import Header from '../../../components/Header/Header' -import CardScanner from '../../../components/Card/CardScanner' -import styles from './PhotoCapture.module.css' -import { Button, Grid, Typography } from '@mui/material' - -const PhotoCapture = () => { - return ( - <> - <Header subheading="Enrollment" /> - <div className={styles.card__container}> - <CardScanner - image={`${process.env.PUBLIC_URL}/assets/images/capture.svg`} - /> - </div> - <Grid container columnSpacing={10} justifyContent="center"> - <Grid item> - <Button - color="primary" - size="large" - type="submit" - variant="contained" - > - Capture - </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 look into the camera<br></br> - Click Capture to Capture the photo<br></br> - Click Reset the remove the captured photo - </Typography> - </Grid> - </div> - </> - ) -} - -export default PhotoCapture diff --git a/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css b/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css deleted file mode 100644 index ec59f61..0000000 --- a/src/pages/Enrollment/PhotoCapture/PhotoCapture.module.css +++ /dev/null @@ -1,5 +0,0 @@ -.card__container { - display: flex; - justify-content: center; - } -
\ No newline at end of file |