From daa0cc0199bbf720629de3149c50a800f557db19 Mon Sep 17 00:00:00 2001
From: Anirban Ghosh <anirbanghosh060@gmail.com>
Date: Sun, 20 Oct 2024 19:07:33 +0530
Subject: [PATCH] added dropdown in gender selection

---
 frontend/app/register/driver/page.jsx    | 22 +++++++---------------
 frontend/app/register/passenger/page.jsx | 23 +++++++++++++++--------
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/frontend/app/register/driver/page.jsx b/frontend/app/register/driver/page.jsx
index 93e7a1e..90c57df 100644
--- a/frontend/app/register/driver/page.jsx
+++ b/frontend/app/register/driver/page.jsx
@@ -63,23 +63,13 @@ const DriverRegistration = ({ data }) => {
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    // localStorage.setItem('formData', JSON.stringify(formData));
     router.push({
       pathname: '/create-ride',
     });
   };
 
-  // const handleSubmit = (e) => {
-  //   e.preventDefault();
-  //   console.log(formData);
- 
-  //   localStorage.setItem('formData', JSON.stringify(formData));
-  //   window.location.href = '/create-ride';
-  // };
-
   const handleCarChange = (event, newValue) => {
     setSelectedCar(newValue);
-    // const { carName, value } = event.target;
     setFormData({
       ...formData,
       ['carName']: newValue.Combined_Name,
@@ -119,13 +109,17 @@ const DriverRegistration = ({ data }) => {
           </div>
           <div className={styles.formGroup}>
             <label className={styles.label}>Gender:</label>
-            <input
-              type="text"
+            <select
               id="gender"
               name="gender"
               onChange={handleChange}
               className={styles.inputField}
-            />
+            >
+              <option value="">Select Gender</option>
+              <option value="Male">Male</option>
+              <option value="Female">Female</option>
+              <option value="Other">Other</option>
+            </select>
           </div>
           <div className={styles.formGroup}>
             <label className={styles.label}>Phone:</label>
@@ -160,13 +154,11 @@ const DriverRegistration = ({ data }) => {
               defaultValue={selectedCar.Combined_Name}
               onChange={handleCarChange}
               renderInput={(params) => <TextField {...params} label="Select Car" variant="outlined" />}
-              // className={styles.inputField}
               sx={{width: '83%'}}
             />
             
           </div>
           <div className={styles.formGroup}>
-
             <label className={styles.label} >Car Capacity(Max. Num of Passengers):</label>
             <input
               type="text"
diff --git a/frontend/app/register/passenger/page.jsx b/frontend/app/register/passenger/page.jsx
index f061c79..82b86d0 100644
--- a/frontend/app/register/passenger/page.jsx
+++ b/frontend/app/register/passenger/page.jsx
@@ -31,17 +31,16 @@ const PassengerRegistration = () => {
     e.preventDefault();
     console.log(formData);
   };
-  return (
 
+  return (
     <div className={styles.container}>
       <h1>Register as Passenger</h1>
       <form onSubmit={handleSubmit}>
-
         <fieldset>
           <legend>Your details:</legend>
 
           <div className={styles.formGroup}>
-            <label className={styles.label} >Name:</label>
+            <label className={styles.label}>Name:</label>
             <input
               type="text"
               id="name"
@@ -64,14 +63,18 @@ const PassengerRegistration = () => {
           </div>
           <div className={styles.formGroup}>
             <label className={styles.label} htmlFor="gender">Gender:</label>
-            <input
-              type="text"
+            <select
               id="gender"
               name="gender"
               value={formData.gender}
               onChange={handleChange}
               className={styles.inputField}
-            />
+            >
+              <option value="">Select Gender</option>
+              <option value="Male">Male</option>
+              <option value="Female">Female</option>
+              <option value="Other">Other</option>
+            </select>
           </div>
           <div className={styles.formGroup}>
             <label className={styles.label} htmlFor="phone">Phone:</label>
@@ -107,7 +110,12 @@ const PassengerRegistration = () => {
             }}
             style={{ marginTop: "auto" }}
           >
-            <button type="submit" className={`${styles.submitButton} ${styles.center__relative}`}>Submit</button>
+            <button
+              type="submit"
+              className={`${styles.submitButton} ${styles.center__relative}`}
+            >
+              Submit
+            </button>
           </Link>
         </fieldset>
         {/* <div className={styles.formGroup}>
@@ -183,4 +191,3 @@ const PassengerRegistration = () => {
 };
 
 export default PassengerRegistration;
-