src/pages/Activities/AttendancePage.jsx

@@ -38,7 +38,6 @@ const AttendancePage = () => {
     date: new Date().toLocaleDateString(),
   });
 
-  
   const getRole = (roleId) => {
     if (!empRoles) return "Unassigned";
     if (!roleId) return "Unassigned";
@@ -68,24 +67,24 @@ const AttendancePage = () => {
     }
   };
 
- 
   const handleSubmit = ( formData ) =>
   { 
-    debugger
+    dispatch(markCurrentAttendance(formData))
-    dispatch( markCurrentAttendance( formData ) ).then( ( action ) =>
+      .then((action) => {
-    {
+        const updatedAttendance = attendances.map((item) =>
-      const updatedAttendance = attendances.map(item => 
           item.employeeId === action.payload.employeeId
             ? { ...item, ...action.payload }
             : item
         );
-      cacheData("Attendance", { data: updatedAttendance, projectId: selectedProject })
+        cacheData("Attendance", {
-      setAttendances(updatedAttendance)
+          data: updatedAttendance,
-      showToast("Attedance Marked Successfully","success")     
+          projectId: selectedProject,
+        });
+        setAttendances(updatedAttendance);
+        showToast("Attedance Marked Successfully", "success");
       })
-      .catch( ( error ) =>
+      .catch((error) => {
-      {
+        showToast(error.message, "error");
-        showToast(error.message,"error")
       });
   };
 
@@ -128,59 +127,69 @@ const AttendancePage = () => {
             { label: "Attendance", link: null },
           ]}
         ></Breadcrumb>
-      <div class="nav-align-top nav-tabs-shadow">
+        <div className="nav-align-top nav-tabs-shadow">
-      <ul class="nav nav-tabs" role="tablist">
+          <ul className="nav nav-tabs" role="tablist">
             <div
               className="dataTables_length text-start py-2 px-2"
               id="DataTables_Table_0_length"
             >
-        {
+              {loginUser && loginUser?.projects.length > 1 && (
-             ((loginUser && loginUser?.projects?.length > 1) ) && (<label>
+                <label>
                   <select
                     name="DataTables_Table_0_length"
                     aria-controls="DataTables_Table_0"
                     className="form-select form-select-sm"
                     value={selectedProject}
-                onChange={(e)=>dispatch(setProjectId(e.target.value))}
+                    onChange={(e) => dispatch(setProjectId(e.target.value))}
                     aria-label=""
                   >
-                  {!projectLoading && projects?.filter(project =>
+                    {!projectLoading &&
-                    loginUser?.projects?.map(Number).includes(project.id)).map((project)=>(
+                      projects
+                        ?.filter((project) =>
+                          loginUser?.projects?.map(Number).includes(project.id)
+                        )
+                        .map((project) => (
                           <option value={project.id}>{project.name}</option>
                         ))}
-                 {projectLoading && <option value="Loading..." disabled>Loading...</option>  }
+                    {projectLoading && (
+                      <option value="Loading..." disabled>
+                        Loading...
+                      </option>
+                    )}
                   </select>
-            </label>)   
+                </label>
-        }
+              )}
             </div>
           </ul>
-         <ul class="nav nav-tabs" role="tablist">
+          <ul className="nav nav-tabs" role="tablist">
-    <li class="nav-item">
+            <li className="nav-item">
               <button
                 type="button"
-        class="nav-link active"
+                className="nav-link active"
                 role="tab"
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-home"
                 aria-controls="navs-top-home"
-        aria-selected="true">
+                aria-selected="true"
+              >
                 All
               </button>
             </li>
-    <li class="nav-item">
+            <li className="nav-item">
               <button
                 type="button"
-        class="nav-link"
+                className="nav-link"
                 role="tab"
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-profile"
                 aria-controls="navs-top-profile"
-        aria-selected="false">
+                aria-selected="false"
+              >
                 Logs
               </button>
             </li>
 
-            <li className={`nav-item ${!DoRegularized && 'd-none'}`}>
+            <li className={`nav-item ${!DoRegularized && "d-none"}`}>
               <button
                 type="button"
                 className="nav-link "

src/slices/apiSlice/attendanceAllSlice.js

@@ -4,7 +4,9 @@ import {clearCacheKey} from '../apiDataManager';
 
 export const markCurrentAttendance = createAsyncThunk(
     'attendanceCurrentDate/markAttendance',
-    async (formData, { getState, dispatch, rejectWithValue }) => {
+  async ( formData, {getState, dispatch, rejectWithValue} ) =>
+  {
+   
       const { projectId } = getState().localVariables
       try
       {