Feature github actions

.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",
@@ -107,7 +108,6 @@
     "popper.js": "^1.16.1",
     "react-datepicker": "^4.8.0",
     "react-hook-form": "^7.45.4",
-    "react-hooks-useform": "^0.1.86",
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^11.18.6",
     "react-icons": "^4.6.0",

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}
         >

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"

webpack.config.js

@@ -10,7 +10,7 @@ module.exports = () => {
     mode: prod ? "production" : "development",
     entry: "./src/index.tsx",
     output: {
-      path: path.resolve(__dirname, "dist/"),
+      path: path.resolve(__dirname, "build/"),
       publicPath: "/",
     },
     devServer: {