#119 setup tbl while user have no tasks

planner-front/src/containers/MyTasks/MyTasks.js

@@ -29,7 +29,7 @@ export default function EnhancedTable() {
   const [order, setOrder] = useState("asc");
   const [orderBy, setOrderBy] = useState("id");
   const [page, setPage] = useState(0);
-  const [rowsPerPage, setRowsPerPage] = useState(5);
+  const [rowsPerPage, setRowsPerPage] = useState(25);
   const [modal, setModal] = useState({
     open: false,
     task: null,
@@ -44,7 +44,7 @@ export default function EnhancedTable() {
 }, [
    tasks?.length,
    addTaskForm, setAddTaskForm, dispatch]);
-  console.log('tasks ', tasks,  'projects ', projects)
+  console.log('tasks ', tasks,  'projects ', projects,"recievedTasks ", recievedTasks )
 
 
 
@@ -184,12 +184,13 @@ export default function EnhancedTable() {
      setFilterProjectTumbler(true)
    }
 
-   if (
-    tasks &&
-    tasks?.length > 0 &&
-    recievedTasks &&
-    recievedTasks?.length > 0
-  ) {
+  //  if (
+    // tasks &&
+    // tasks?.length > 0
+    //  &&
+    // recievedTasks &&
+    // recievedTasks?.length > 0
+  // ) {
     return (
       <Box sx={{ width: "fullwidth" }}>
         <Paper sx={{ width: "100%", mb: 2 }}>
@@ -215,7 +216,7 @@ export default function EnhancedTable() {
                 order={order}
                 orderBy={orderBy}
                 onRequestSort={handleRequestSort}
-                rowCount={tasks.length}
+                rowCount={recievedTasks.length}
               />
               <TableBody>
                 {stableSort(recievedTasks, getComparator(order, orderBy))
@@ -246,7 +247,7 @@ export default function EnhancedTable() {
           <TablePagination
             rowsPerPageOptions={[5, 10, 25]}
             component="div"
-            count={tasks.length}
+            count={recievedTasks.length}
             rowsPerPage={rowsPerPage}
             page={page}
             onPageChange={handleChangePage}
@@ -263,7 +264,7 @@ export default function EnhancedTable() {
       </Box>
     );
   }
-}
+// }
 
 function descendingComparator(a, b, orderBy) {
   if (b[orderBy] < a[orderBy]) {

planner-front/src/containers/UsersTasks/UsersTasks.js

@@ -199,12 +199,12 @@ export default function UsersTasks() {
     setFilterProjectTumbler(true)
   }
  
-  if (
-    tasks &&
-    tasks?.length > 0 &&
-    recievedTasks &&
-    recievedTasks?.length > 0
-  ) {
+  // if (
+  //   tasks &&
+  //   tasks?.length > 0 &&
+  //   recievedTasks &&
+  //   recievedTasks?.length > 0
+  // ) {
     return (
       <Box sx={{ width: "fullwidth" }}>
         <Paper sx={{ width: "100%", mb: 2 }}>
@@ -233,7 +233,7 @@ export default function UsersTasks() {
                 order={order}
                 orderBy={orderBy}
                 onRequestSort={handleRequestSort}
-                rowCount={tasks.length}
+                rowCount={recievedTasks.length}
               />
               <TableBody>
                
@@ -267,7 +267,7 @@ export default function UsersTasks() {
           <TablePagination
             rowsPerPageOptions={[5, 10, 25]}
             component="div"
-            count={tasks.length}
+            count={recievedTasks.length}
             rowsPerPage={rowsPerPage}
             page={page}
             onPageChange={handleChangePage}
@@ -284,7 +284,7 @@ export default function UsersTasks() {
       </Box>
     );
   }
-}
+// }
 
 
 function descendingComparator(a, b, orderBy) {