1 files changed, 35 insertions, 3 deletions
diff --git a/client/src/pages/Update/Biometric/Biometric.jsx b/client/src/pages/Update/Biometric/Biometric.jsx
index c105ad8..72aa1b7 100644
--- a/client/src/pages/Update/Biometric/Biometric.jsx
+++ b/client/src/pages/Update/Biometric/Biometric.jsx
@@ -4,9 +4,12 @@ import PhotoCapture from '../PhotoCapture/PhotoCapture'
 import Fingerprint from '../Fingerprint/Fingerprint'
 import IrisScan from '../IrisScan/IrisScan'
 import BiometricSelect from '../BiometricSelect/BiometricSelect'
+import BackButton from '../../../components/BackButton/BackButton'
+import { userContext } from '../../../context/User'
 
 const Biometric = () => {
   const [page, setPage] = useState(4)
+  const { userData, oriUserData, setUserData } = userContext()
 
   const [formData, setFormData] = useState({
     photo: '',
@@ -27,14 +30,43 @@ const Biometric = () => {
     }
   }
 
+  const handleBack = () => {
+    if (!userData.photo) {
+      setUserData({ ...userData, photo: oriUserData.photo })
+    }
+    setPage(page - 1)
+  }
+
+  const handleSubmit = () => {
+    if (!userData.photo) {
+      setUserData({ ...userData, photo: oriUserData.photo })
+    }
+    setPage(page + 1)
+  }
+
   const conditionalButton = () => {
     switch (page) {
       case 0:
-        return <SubmitButton onClick={() => setPage(4)}>Next</SubmitButton>
+        return (
+          <>
+            <SubmitButton onClick={() => handleSubmit()}> Next</SubmitButton>
+            <BackButton onClick={() => handleBack()} />
+          </>
+        )
       case 1:
-        return <SubmitButton onClick={() => setPage(4)}>Next</SubmitButton>
+        return (
+          <>
+            <SubmitButton onClick={() => setPage(4)}> Next</SubmitButton>
+            <BackButton onClick={() => setPage(page - 1)} />
+          </>
+        )
       case 2:
-        return <SubmitButton onClick={() => setPage(4)}>Next</SubmitButton>
+        return (
+          <>
+            <SubmitButton onClick={() => setPage(4)}> Next</SubmitButton>
+            <BackButton onClick={() => setPage(page - 1)} />
+          </>
+        )
     }
   }
   return (