Fix/update trainee info (#137)

* add validations and work on edit

* ensure birthdate is correctly set in formData

* ensure all formData are populated correctly

* fix codeclimate issue

* update traineUpdate

* update traineUpdate

* update traineUpdate

* update traineUpdate

* update traineUpdate

* update traineUpdate

* fix traineUpdate

* add loader

* add sidebar link for trainee applicants

* add redirection after updating

Author: MnorbertVii

package.json

@@ -115,6 +115,7 @@
     "react-i18next": "^11.18.6",
     "react-icons": "^4.6.0",
     "react-js-pagination": "^3.0.3",
+    "react-loader-spinner": "^6.1.6",
     "react-paginate": "^8.1.3",
     "react-redux": "^8.0.4",
     "react-render-html": "^0.6.0",

src/components/ReusableComponents/Select.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 interface SelectFieldProps {
   id?: string;
@@ -21,7 +21,7 @@ const SelectField: React.FC<SelectFieldProps> = ({
   ref,
   className = "",
   defaultValue,
-  onBlur
+  onBlur,
 }) => {
   return (
     <select

src/components/sidebar/sidebar.tsx

@@ -44,7 +44,12 @@ export const sidebarItems1 = [
     icon: <Icon icon="game-icons:cycle"></Icon>,
     title: "Application Cycles",
   },
-
+  {
+    path: 'Trainee-applicants',
+    icon: <Icon icon="ic:round-people"></Icon>,
+    title: 'Trainees/Applicants',
+  },
+  
   {
     path: "grading",
     icon: <Icon icon="bxs:dashboard"></Icon>,

src/components/sidebar/sidebarItems.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import * as ReactDOMClient from "react-dom/client";
 import "./index.css";
 import { ToastContainer } from "react-toastify";
-
+import { Toaster } from "react-hot-toast";
 const App = React.lazy(() => import("./App"));
 
 import { HashRouter } from "react-router-dom";
@@ -18,6 +18,7 @@ const root = ReactDOMClient.createRoot(container).render(
       <ThemeContextProvider>
         <App />
       </ThemeContextProvider>
+      <Toaster />
       <ToastContainer theme="colored" />
     </HashRouter>
   </Provider>

src/index.tsx

@@ -228,7 +228,7 @@ const AddTrainee = (props: any) => {
             <div className="w-full">
               <div>
                 <div className="bg-light-bg dark:bg-dark-frame-bg  min-h-screen overflow-y-hidden overflow-x-hidden">
-                  <div className="flex items-left px-8 gap-2">
+                  <div className="flex items-left px-8 py-8 gap-2">
                     <div className="flex py-2 pb-8 w-fit">
                       <button
                         onClick={Open}
@@ -346,7 +346,7 @@ const AddTrainee = (props: any) => {
                                                   >
                                                     <li>
                                                       <Link
-                                                        to={`/trainee-applicant/${item._id}/edit`}
+                                                        to={`/admin/trainee-applicant/${item._id}/edit`}
                                                         className="text-sm hover:bg-gray-100 text-gray-700 dark:hover:bg-gray-500 dark:text-white  block px-4 py-2"
                                                       >
                                                         Edit