pagination and functianility changed

src/components/Pagenation/Pagenation.jsx

@@ -12,7 +12,7 @@ const PaginationComponent = ({ currentPage, totalPages, onPageChange }) => {
   return (
     <nav className="flex justify-center my-2">
       <ul className="pagination flex">
-        <button disabled={currentPage === 1} onClick={() => onPageChange(currentPage-1)} className='mr-2 hover:bg-blue-400 border rounded disabled:bg-gray-200'><LeftIcon /></button>
+        <button disabled={currentPage === 1} onClick={() => onPageChange(currentPage-1)} className={`ml-2 hover:bg-blue-400 border-0 bg-transparent rounded ${currentPage===1 ? "hidden":null}`}><LeftIcon /></button>
         {pageNumbers.map(number => (
           <li key={number} className={`page-item ${number === currentPage ? 'active' : ''}` }>
             <button onClick={() => onPageChange(number)} className=" w-[22px]  font-bold h-[22px] ">
@@ -20,7 +20,7 @@ const PaginationComponent = ({ currentPage, totalPages, onPageChange }) => {
             </button>
           </li>
         ))}
-        <button disabled={currentPage === totalPages} onClick={() => onPageChange(currentPage+1)} className='ml-2 hover:bg-blue-400 border rounded disabled:bg-gray-200'><RightIcon/></button>
+        <button disabled={currentPage === totalPages} onClick={() => onPageChange(currentPage+1)} className={`ml-2 hover:bg-blue-400 border-0 bg-transparent rounded ${currentPage===totalPages ? "hidden":null}`}><RightIcon/></button>
       </ul>
     </nav>
   );

src/components/leftSidebar/index.jsx

@@ -19,16 +19,15 @@ function LeftSidebar() {
     const debounceTimeout = setTimeout(() => {
       const data = {
         reportees: userDetails.user.reportees,
-        page: currPage,
+        page: (inputValue==="")?currPage:1,
         perPage: 10,
         searchText:inputValue
       };
       dispatch(fetchReportees(data));
     }, 1000);
-  
-
     return () => clearTimeout(debounceTimeout);
   }
+ 
   }, [inputValue]);
 
   const handleChange = (event) => {
@@ -85,11 +84,15 @@ function LeftSidebar() {
           </div>
       }
       <div>
-        <PaginationComponent 
+       {
+        reportees.length>0 && pagesCount>1 && (
+          <PaginationComponent 
           currentPage={currPage}
           totalPages={pagesCount}
           onPageChange={handlePageChange}
         />
+        )
+       }
       </div>
     </div>
   );

src/components/sidebar/index.jsx

@@ -22,7 +22,7 @@ function Sidebar() {
         <ul className="space-y-1.5">
           {
             menus.map((menu) => (
-              <li>
+              <li key={menu.path}>
               <Link
                 className={`flex items-center ${url.includes(menu.path) && 'bg-gray-100'} gap-x-3.5 py-2 px-2.5  text-sm text-slate-700 rounded-lg hover:bg-gray-100 `}
                 to={menu.path}

src/pages/dashboard/index.jsx

@@ -57,7 +57,7 @@ function Dashboard() {
     const debounceTimeout = setTimeout(() => {
       const data = {
         reportees: userDetails.user.reportees,
-        page: currPage,
+        page: 1,
         perPage: 10,
         searchText:inputValue
       };
@@ -125,9 +125,8 @@ function Dashboard() {
          <Table headers={headers} data={reportees} loading={loading} maxHeight={88} />
          
       <div className="">
-        {reportees.length>0 && (
+        {reportees.length>0 && pagesCount>1 && (
           <div className="flex justify-center mt-2">
-            {/* <div className="text-blue-500">Total Results: {pagesCount}</div> */}
             {pagesCount >= 1 && (
               <PaginationComponent
                 currentPage={currPage}

src/pages/reportexport/index.jsx

@@ -20,7 +20,6 @@ function Exporttable() {
   const [fromDate, setFromDate] = useState("");
   const [toDate, setToDate] = useState("");
   const [inputValue, setInputValue] = useState('');
-  console.log(activitiesData, "activitiesData");
 
   const calculateDateRange = (monthsAgo) => {
     const toDate = new Date().toISOString().split("T")[0];
@@ -54,7 +53,6 @@ function Exporttable() {
       fromDate: fromDate,
       toDate: toDate,
     };
-    console.log(data, "data");
     dispatch(fetchReportesActivitiesData(data));
   };
 

src/pages/viewReportee/index.jsx

@@ -74,12 +74,7 @@ function Viewreportee() {
   useEffect(()=>{
     if(reportees.length>0 && viewReportee !== null )
      dispatch(fetchActivitiesAvg({empId:viewReportee?.empId, types:["duties", "initiative"]}))
-  },[reportees,viewReportee])
-
-  useEffect(()=>{
-    if(reportees.length>0  && viewReportee !== null){
-      dispatch(setViewReportee(viewReportee?.empId))
-    }
+     dispatch(setViewReportee(viewReportee?.empId))
   },[reportees,viewReportee])