src/components/Activities/Regularization.jsx

@@ -44,7 +44,7 @@ const Regularization = ({ handleRequest }) => {
 
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     filteredData,
-    10
+    20
   );
   useEffect(() => {
     eventBus.on("regularization", handler);
@@ -67,8 +67,8 @@ const Regularization = ({ handleRequest }) => {
 
   return (
     <div
-      className="table-responsive text-nowrap"
-      style={{ minHeight: "300px" }}
+      className="table-responsive text-nowrap pb-4"
+      
     >
       <table className="table mb-0">
         <thead>
@@ -85,11 +85,11 @@ const Regularization = ({ handleRequest }) => {
           </tr>
         </thead>
         <tbody>
-          {loading && (
+          {/* {loading && (
             <td colSpan={6} className="text-center py-5">
               Loading...
             </td>
-          )}
+          )} */}
 
           {!loading &&
             (regularizes?.length > 0 ? (
@@ -145,9 +145,9 @@ const Regularization = ({ handleRequest }) => {
             ))}
         </tbody>
       </table>
-      {!loading > 10 && (
+      {!loading && totalPages > 1 && (
         <nav aria-label="Page ">
-          <ul className="pagination pagination-sm justify-content-end py-1">
+          <ul className="pagination pagination-sm justify-content-end py-1 mt-3">
             <li className={`page-item  ${currentPage === 1 ? "disabled" : ""}`}>
               <button
                 className="page-link btn-xs"
@@ -190,4 +190,4 @@ const Regularization = ({ handleRequest }) => {
   );
 };
 
-export default Regularization;
+export default Regularization;