Mega random super bullshit

client/public/assets/images/next_icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0"?><svg fill="#609db3" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="192px" height="192px">    <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10C22,6.477,17.523,2,12,2z M10.25,16.321L10.25,16.321 c-0.414-0.414-0.414-1.086,0-1.5L13.071,12L10.25,9.179c-0.414-0.414-0.414-1.086,0-1.5l0,0c0.414-0.414,1.086-0.414,1.5,0 l3.614,3.614c0.391,0.391,0.391,1.024,0,1.414l-3.614,3.614C11.336,16.735,10.664,16.735,10.25,16.321z"/></svg>

client/src/components/Header/Header.jsx

@@ -1,12 +1,10 @@
 import React from 'react'
-import { useTranslation } from 'react-i18next'
 import styles from './Header.module.css'
 
 const Header = ({ subheading }) => {
-  const { t } = useTranslation()
   return (
     <header className={styles.header}>
-      <h1 className={styles.header__heading}>{t('AADHAAR')}</h1>
+      <img src={`${process.env.PUBLIC_URL}/favicon.ico`} />
       <h3 className={styles.header__subheading}>{subheading}</h3>
     </header>
   )

client/src/components/Header/Header.module.css

@@ -9,11 +9,6 @@
   padding: 20px;
 }
 
-.header__heading {
-  font-size: var(--font-large);
-  font-weight: 400;
-}
-
 .header__subheading {
   font-size: var(--font-medium);
   font-weight: 400;

client/src/components/SubmitButton/SubmitButton.jsx

@@ -7,7 +7,7 @@ const SubmitButton = ({ onClick, onChange }) => {
       <button onClick={onClick} className={styles.submit} type="submit" onChange={onChange}>
         <img
           className={styles.submit__image}
-          src={`${process.env.PUBLIC_URL}/assets/images/white-check.svg`}
+          src={`${process.env.PUBLIC_URL}/assets/images/next_icon.svg`}
           alt=""
         />
       </button>

client/src/index.css

@@ -12,6 +12,11 @@ body {
   -moz-osx-font-smoothing: grayscale;
   height: 100%;
   width: 100%;
+  background: url('../public/assets/images/background.png') no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
 code {

client/src/pages/Enrollment/Address/Address.jsx

@@ -206,7 +206,6 @@ const Address = ({ formData, setFormData }) => {
               })
             }}
             placeholder={t('ENTER_YOUR_AREA_PINCODE')}
-            pattern="[0-9]+"
           />
         </div>
       </div>

client/src/pages/Enrollment/Enrollment.jsx

@@ -16,7 +16,7 @@ import {
   validMobileNumber,
   validPincode,
   validString
-} from '../../components/RegEx/RegEx'
+} from '../../constants/RegEx'
 import { createUser } from '../../services/apiservice'
 import { useTranslation } from 'react-i18next'
 

client/src/pages/Enrollment/FormOne/FormOne.jsx

@@ -59,7 +59,6 @@ const FormOne = ({ formData, setFormData }) => {
             })
           }}
           placeholder={t('ENTER_YOUR_FULL_NAME')}
-          pattern="[a-zA-z]+"
         />
 
         <div className={styles.formone__gender}>

client/src/pages/Enrollment/FormTwo/FormTwo.jsx

@@ -21,9 +21,6 @@ const FormTwo = ({ formData, setFormData }) => {
           })
         }}
         placeholder={t('ENTER_YOUR_MOBILE_NUMBER')}
-        pattern="[0-9]+"
-        maxLength="10"
-        minLength="10"
       />
       <Input
         id="email"
@@ -37,7 +34,6 @@ const FormTwo = ({ formData, setFormData }) => {
           })
         }}
         placeholder={t('ENTER_YOUR_EMAIL_ID')}
-        pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
       />
       <SubmitButton />
     </div>

client/src/pages/Update/Demographic/Demographic.jsx

@@ -8,7 +8,7 @@ import {
   validMobileNumber,
   validPincode,
   validString
-} from '../../../components/RegEx/RegEx'
+} from '../../../constants/RegEx'
 import UpdateSelect from '../UpdateSelect/UpdateSelect'
 import { useTranslation } from 'react-i18next'