From 2f0727f46b89fa0543dc40c408e0fbe251f78947 Mon Sep 17 00:00:00 2001
From: ceelogre <sam.nishimwe@yahoo.com>
Date: Wed, 28 Aug 2024 16:27:09 +0200
Subject: [PATCH] fix: remove placeholder property

---
 .../roles&permissions/ListAllUsers.tsx        |  1 -
 src/pages/updateTrainee/traineUpdate.tsx      | 26 ++++++++++++++-----
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/roles&permissions/ListAllUsers.tsx b/src/components/roles&permissions/ListAllUsers.tsx
index 18684b175..491cf69e8 100644
--- a/src/components/roles&permissions/ListAllUsers.tsx
+++ b/src/components/roles&permissions/ListAllUsers.tsx
@@ -319,7 +319,6 @@ const ListAllUsers: FunctionComponent<Props> = (props) => {
         </div>
 
         <button
-          placeholder="Role"
           className=" lg:absolute text-md text-sm  text-center text-white rounded dark:bg-green bg-primary w-[120px] lg:right-[80px] lg:w-[150px] py-2 px-3"
           onClick={Open}
         >
diff --git a/src/pages/updateTrainee/traineUpdate.tsx b/src/pages/updateTrainee/traineUpdate.tsx
index c262b67c2..92089a149 100644
--- a/src/pages/updateTrainee/traineUpdate.tsx
+++ b/src/pages/updateTrainee/traineUpdate.tsx
@@ -281,8 +281,11 @@ const TraineeUpdate = (props: any) => {
                         });
                         getDistricts(e.target.value);
                       }}
-                      placeholder="Select province"
                     >
+                      <option value="" disabled>
+                        Select province
+                      </option>
+                      
                       {provinces?.map((province: any) => (
                         <option
                           className="dark:bg-dark-tertiary dark:text-white p-3 dark:hover:bg-dark-frame-bg"
@@ -311,8 +314,11 @@ const TraineeUpdate = (props: any) => {
                         });
                         getSectors(formData.province, e.target.value);
                       }}
-                      placeholder="Select district"
                     >
+
+                      <option value="" disabled>
+                        Select district
+                      </option>
                       <option
                         className="dark:bg-dark-tertiary dark:text-white hidden"
                         value={traineeData.district}
@@ -346,8 +352,10 @@ const TraineeUpdate = (props: any) => {
                         })
                       }
                       name="sector"
-                      placeholder="Select sector"
                     >
+                      <option value="" disabled>
+                        Select sector
+                      </option>
                       <option
                         className="dark:bg-dark-tertiary dark:text-white hidden"
                         value={traineeData.sector}
@@ -559,8 +567,10 @@ const TraineeUpdate = (props: any) => {
                           level_education: e.target.value,
                         })
                       }
-                      placeholder="Please select level"
                     >
+                      <option value="" disabled>
+                        Select education level
+                      </option>
                       {options?.educationOptions?.map((option: any) => (
                         <option
                           className="dark:bg-dark-tertiary p-3 dark:text-white dark:hover:bg-dark-frame-bg"
@@ -623,7 +633,6 @@ const TraineeUpdate = (props: any) => {
                     </label>
                     <select
                       className="dark:bg-dark-tertiary dark:text-white py-2 px-3 shadow appearance-none  rounded w-full  leading-tight focus:outline-none focus:shadow-outline"
-                      placeholder="Interview decisison"
                       defaultValue={traineeData.interview_decision}
                       onChange={(e) =>
                         setFormData({
@@ -632,6 +641,9 @@ const TraineeUpdate = (props: any) => {
                         })
                       }
                     >
+                      <option value="" disabled>
+                        Interview decision
+                      </option>
                       {options?.interviewOptions?.map((option: any) => (
                         <option
                           className="dark:bg-dark-tertiary p-3 dark:text-white dark:hover:bg-dark-frame-bg"
@@ -650,7 +662,6 @@ const TraineeUpdate = (props: any) => {
                     <select
                       className="dark:bg-dark-tertiary dark:text-white shadow py-2 px-3 appearance-none  rounded w-full  leading-tight focus:outline-none focus:shadow-outline"
                       ref={cycleRef}
-                      placeholder="Please select cycle"
                       defaultValue={traineeData?.trainee_id?.cycle_id?.id}
                       onChange={(e) =>
                         setFormData({
@@ -659,6 +670,9 @@ const TraineeUpdate = (props: any) => {
                         })
                       }
                     >
+                      <option value="" disabled>
+                        Please select cycle
+                      </option>
                       {cycles?.map((cycle: any) => (
                         <option
                           className="dark:bg-dark-tertiary dark:text-white dark:hover:bg-dark-frame-bg p-3"