Changes in Regularization tab.

src/components/Activities/AttendcesLogs.jsx

@@ -174,7 +174,7 @@ const AttendanceLog = ({ handleModalData, searchTerm, organizationId }) => {
       <div
         className="dataTables_length text-start py-2 d-flex flex-wrap justify-content-between"
         id="DataTables_Table_0_length"
->
+      >
         <div className="d-flex flex-wrap align-items-center my-0 gap-2">
           <DateRangePicker
             onRangeChange={setDateRange}
@@ -193,7 +193,7 @@ const AttendanceLog = ({ handleModalData, searchTerm, organizationId }) => {
             <label className="form-check-label ms-2 mb-0">Pending Attendance</label>
           </div>
         </div>
-</div>
+      </div>
 
       <div
         className="table-responsive text-nowrap"

src/components/Activities/Regularization.jsx

@@ -33,8 +33,8 @@ const Regularization = ({
   );
 
   useEffect(() => {
-    if(!regularizes) return
+    if (!regularizes) return
-    if(regularizes?.length) {
+    if (regularizes?.length) {
       setregularizedList(regularizes);
 
     }
@@ -102,6 +102,7 @@ const Regularization = ({
   }, [employeeHandler]);
 
   return (
+    <div>
       <div
         className="table-responsive text-nowrap pb-4"
         style={{ minHeight: "200px" }}
@@ -160,7 +161,7 @@ const Regularization = ({
                   </td>
 
                   <td colSpan={2}>
-                     {att.requestedBy ? ( <div className="d-flex justify-content-start align-items-center">
+                    {att.requestedBy ? (<div className="d-flex justify-content-start align-items-center">
                       <Avatar firstName={att?.requestedBy?.firstName} lastName={att?.requestedBy?.lastName} />
                       <div className="d-flex flex-column">
                         <a href="#" className="text-heading text-truncate">
@@ -169,10 +170,10 @@ const Regularization = ({
                           </span>
                         </a>
                       </div>
-                  </div>):(<small>--</small>)}
+                    </div>) : (<small>--</small>)}
                   </td>
                   <td>
-                  {att?.requestedAt ? formatUTCToLocalTime(att.requestedAt,true) : "--"}
+                    {att?.requestedAt ? formatUTCToLocalTime(att.requestedAt, true) : "--"}
                   </td>
                   <td className="text-center ">
                     <RegularizationActions
@@ -197,6 +198,7 @@ const Regularization = ({
             </span>
           </div>
         )}
+      </div>
       {totalPages > 0 && (
         <Pagination
           currentPage={currentPage}
@@ -204,6 +206,7 @@ const Regularization = ({
           onPageChange={paginate}
         />
       )}
+
     </div>
   );
 };