From 49be4dfc3d478ad02876c9238c48c513edac1e7c Mon Sep 17 00:00:00 2001 From: rohan09-raj Date: Thu, 28 Jul 2022 17:56:15 +0530 Subject: refactoring folder structure --- src/components/Card/Card.jsx | 13 ----------- src/components/Card/Card.module.css | 26 ---------------------- src/components/Card/CardScanner.jsx | 16 ------------- src/components/Card/CardScanner.module.css | 26 ---------------------- src/components/Header/Header.jsx | 13 ----------- src/components/Header/Header.module.css | 20 ----------------- src/components/Input/Input.jsx | 22 ------------------ src/components/Input/Input.module.css | 19 ---------------- src/components/LabelCard/LabelCard.jsx | 23 ------------------- src/components/LabelCard/LabelCard.module.css | 19 ---------------- src/components/RadioSelect/RadioSelect.jsx | 0 src/components/RadioSelect/RadioSelect.module.css | 0 src/components/SubmitButton/SubmitButton.jsx | 18 --------------- .../SubmitButton/SubmitButton.module.css | 20 ----------------- 14 files changed, 235 deletions(-) delete mode 100644 src/components/Card/Card.jsx delete mode 100644 src/components/Card/Card.module.css delete mode 100644 src/components/Card/CardScanner.jsx delete mode 100644 src/components/Card/CardScanner.module.css delete mode 100644 src/components/Header/Header.jsx delete mode 100644 src/components/Header/Header.module.css delete mode 100644 src/components/Input/Input.jsx delete mode 100644 src/components/Input/Input.module.css delete mode 100644 src/components/LabelCard/LabelCard.jsx delete mode 100644 src/components/LabelCard/LabelCard.module.css delete mode 100644 src/components/RadioSelect/RadioSelect.jsx delete mode 100644 src/components/RadioSelect/RadioSelect.module.css delete mode 100644 src/components/SubmitButton/SubmitButton.jsx delete mode 100644 src/components/SubmitButton/SubmitButton.module.css (limited to 'src/components') diff --git a/src/components/Card/Card.jsx b/src/components/Card/Card.jsx deleted file mode 100644 index 3d66067..0000000 --- a/src/components/Card/Card.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import styles from './Card.module.css' - -const Card = ({ title, image }) => { - return ( -
- -

{title}

-
- ) -} - -export default Card diff --git a/src/components/Card/Card.module.css b/src/components/Card/Card.module.css deleted file mode 100644 index e351fd5..0000000 --- a/src/components/Card/Card.module.css +++ /dev/null @@ -1,26 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.card { - height: 300px; - width: 300px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - border: 3px solid var(--color-black); - border-radius: 10px; - margin: 30px; - transition: 0.2s all; - cursor: pointer; - color: var(--color-black); - text-decoration-line: none; -} - -.card:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.card__title { - margin: 15px 0px; -} diff --git a/src/components/Card/CardScanner.jsx b/src/components/Card/CardScanner.jsx deleted file mode 100644 index 29caf39..0000000 --- a/src/components/Card/CardScanner.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react' -import styles from './CardScanner.module.css' -import SubmitButton from '../SubmitButton/SubmitButton' - -const CardScanner = ({ title, image }) => { - return ( - <> -
- -
- - - ) -} - -export default CardScanner diff --git a/src/components/Card/CardScanner.module.css b/src/components/Card/CardScanner.module.css deleted file mode 100644 index af237e2..0000000 --- a/src/components/Card/CardScanner.module.css +++ /dev/null @@ -1,26 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.card { - height: 300px; - width: 600px; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - border: 3px solid var(--color-black); - border-radius: 10px; - margin: 30px; - transition: 0.2s all; - cursor: pointer; - color: var(--color-black); - text-decoration-line: none; -} - -.card:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.card__title { - margin: 15px 0px; -} \ No newline at end of file diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx deleted file mode 100644 index d90aafe..0000000 --- a/src/components/Header/Header.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import styles from './Header.module.css' - -const Header = ({ subheading }) => { - return ( -
-

AADHAAR

-

{subheading}

-
- ) -} - -export default Header diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css deleted file mode 100644 index 8e6084f..0000000 --- a/src/components/Header/Header.module.css +++ /dev/null @@ -1,20 +0,0 @@ -@import '../../styles/GlobalVariables.css'; - -.header { - font-family: 'Fredoka One', cursive; - display: flex; - flex-direction: column; - align-items: center; - margin: 20px; - padding: 20px; -} - -.header__heading { - font-size: var(--font-large); - font-weight: 400; -} - -.header__subheading { - font-size: var(--font-medium); - font-weight: 400; -} diff --git a/src/components/Input/Input.jsx b/src/components/Input/Input.jsx deleted file mode 100644 index ee79f3b..0000000 --- a/src/components/Input/Input.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' -import styles from './Input.module.css' - -const Input = ({ label, id, value, type, name }) => { - return ( -
-
- - -
-
- ) -} - -export default Input diff --git a/src/components/Input/Input.module.css b/src/components/Input/Input.module.css deleted file mode 100644 index cafb5f1..0000000 --- a/src/components/Input/Input.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.input { - display: flex; - justify-content: center; - font-family: 'Barlow'; - font-size: var(--font-medium-s); -} - -.input__container { - display: flex; - flex-direction: column; -} - -.input__field { - width: 300px; - margin: 10px 0px; - padding: 20px 10px; - border: 3px solid; - border-radius: 10px; -} diff --git a/src/components/LabelCard/LabelCard.jsx b/src/components/LabelCard/LabelCard.jsx deleted file mode 100644 index be02f01..0000000 --- a/src/components/LabelCard/LabelCard.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react' -import styles from './LabelCard.module.css' - -const LabelCard = ({ id, name, value, title, image }) => { - return ( -
- - -
- ) -} - -export default LabelCard diff --git a/src/components/LabelCard/LabelCard.module.css b/src/components/LabelCard/LabelCard.module.css deleted file mode 100644 index 8511596..0000000 --- a/src/components/LabelCard/LabelCard.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.labelcard { - text-align: center; -} - -.card { - display: flex; - flex-direction: column; - align-items: center; - margin: 5px; -} - -.card__image { - border: 3px solid var(--color-black); - border-radius: 10px; -} - -.card__title { - margin: 5px 0px; -} diff --git a/src/components/RadioSelect/RadioSelect.jsx b/src/components/RadioSelect/RadioSelect.jsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/RadioSelect/RadioSelect.module.css b/src/components/RadioSelect/RadioSelect.module.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/SubmitButton/SubmitButton.jsx b/src/components/SubmitButton/SubmitButton.jsx deleted file mode 100644 index 567d923..0000000 --- a/src/components/SubmitButton/SubmitButton.jsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' -import styles from './SubmitButton.module.css' - -const SubmitButton = ({ onClick }) => { - return ( - <> - - - ) -} - -export default SubmitButton diff --git a/src/components/SubmitButton/SubmitButton.module.css b/src/components/SubmitButton/SubmitButton.module.css deleted file mode 100644 index bb1b015..0000000 --- a/src/components/SubmitButton/SubmitButton.module.css +++ /dev/null @@ -1,20 +0,0 @@ -.submit { - position: absolute; - bottom: 100px; - right: 150px; - background: transparent; - border: none; - border-radius: 50%; - transition: 0.2s all; - cursor: pointer; -} - -.submit:active { - transform: scale(0.98); - box-shadow: 3px 2px 22px 1px var(--color-shadow); -} - -.submit__image { - height: 75px; - width: 75px; -} -- cgit