Implemented update UI

2 files changed, 39 insertions, 0 deletions

diff --git a/client/src/pages/Update/UpdateSelect/UpdateSelect.jsx b/client/src/pages/Update/UpdateSelect/UpdateSelect.jsx
new file mode 100644
index 0000000..a903704
--- /dev/null
+++ b/client/src/pages/Update/UpdateSelect/UpdateSelect.jsx
@@ -0,0 +1,34 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import Card from '../../../components/Card/Card'
+import Header from '../../../components/Header/Header'
+import SubmitButton from '../../../components/SubmitButton/SubmitButton'
+import styles from './UpdateSelect.module.css'
+
+const UpdateSelect = () => {
+  return (
+    <>
+      <Header subheading="Mera Aadhaar Meri Pehchan" />
+      <div className={styles.card__container}>
+      <Link to="/update/demographic">
+          <Card
+            title="Demographic"
+            image={`${process.env.PUBLIC_URL}/assets/images/enrollment.svg`}
+          />
+          </Link>
+        <Link to="/update/biometric">
+          <Card
+            title="Biometric"
+            image={`${process.env.PUBLIC_URL}/assets/images/update.svg`}
+          />
+        </Link>
+        <Link to="/update/agreement">
+        <SubmitButton />
+        </Link>
+      </div>
+    </>
+  )
+}
+
+export default UpdateSelect
diff --git a/client/src/pages/Update/UpdateSelect/UpdateSelect.module.css b/client/src/pages/Update/UpdateSelect/UpdateSelect.module.css
new file mode 100644
index 0000000..ec59f61
--- /dev/null
+++ b/client/src/pages/Update/UpdateSelect/UpdateSelect.module.css
@@ -0,0 +1,5 @@
+.card__container {
+    display: flex;
+    justify-content: center;
+  }
+  
\ No newline at end of file