Have github actions setup with necessary jobs

.github/workflows/dev-pulse-ci.yml

@@ -0,0 +1,28 @@
+name: Devpulse CI
+
+on:
+  push:
+    branches: [ develop ]
+  pull_request:
+    branches: [ develop ]
+
+jobs:
+  test-and-build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '18'
+
+    - name: Install dependencies
+      run: npm install --legacy-peer-deps
+
+    - name: Run tests
+      run: npm test
+
+    - name: Build
+      run: npm run build

package.json

@@ -36,6 +36,7 @@
     "@types/react-dom": "^18.0.6",
     "@types/react-table": "^7.7.12",
     "@types/redux-state-sync": "^3.1.5",
+    "@types/uglify-js": "^3.17.5",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
     "autoprefixer": "^10.4.7",
     "babel-loader": "^8.2.5",

src/components/roles&permissions/ListAllUsers.tsx

@@ -319,6 +319,7 @@ 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}
         >
@@ -880,4 +881,4 @@ const ListAllUsers: FunctionComponent<Props> = (props) => {
   );
 };
 
-export default ListAllUsers;
+export default ListAllUsers;

src/pages/updateTrainee/traineUpdate.tsx

@@ -281,11 +281,8 @@ 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"
@@ -314,11 +311,8 @@ 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}
@@ -352,10 +346,8 @@ 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}
@@ -567,10 +559,8 @@ 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"
@@ -633,6 +623,7 @@ 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({
@@ -641,9 +632,6 @@ 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"
@@ -662,6 +650,7 @@ 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({
@@ -670,9 +659,6 @@ 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"
@@ -801,4 +787,4 @@ const mapState = (allCycles: any) => ({
 
 export default connect(mapState, {
   getAllCycles,
-})(TraineeUpdate);
+})(TraineeUpdate);