remove actions column on list management pages (#1188)

* remove actions column on list management pages

* move go to workplan column to start

---------

Co-authored-by: Tom Chapman <tchapman000@gmail.com>

Author: TomChapmanGov

epictrack-web/src/components/indigenousNation/IndigenousNationList.tsx

@@ -40,11 +40,6 @@ export default function IndigenousNationList() {
     [ctx.data]
   );
 
-  const handleDelete = (id: string) => {
-    ctx.setShowDeleteDialog(true);
-    ctx.setId(id);
-  };
-
   const columns = React.useMemo<MRT_ColumnDef<FirstNation>[]>(
     () => [
       {
@@ -115,14 +110,6 @@ export default function IndigenousNationList() {
               isLoading: ctx.loading,
               showGlobalFilter: true,
             }}
-            enableRowActions={true}
-            renderRowActions={({ row }: any) => (
-              <Box>
-                <IconButton onClick={() => handleDelete(row.original.id)}>
-                  <DeleteIcon />
-                </IconButton>
-              </Box>
-            )}
             renderTopToolbarCustomActions={() => (
               <Box
                 sx={{

epictrack-web/src/components/project/ProjectList.tsx

@@ -56,10 +56,6 @@ const ProjectList = () => {
     setEnvRegions(envRegions);
   }, [projects]);
 
-  const handleDelete = (id: string) => {
-    ctx.setShowDeleteDialog(true);
-    ctx.setId(id);
-  };
   const columns = React.useMemo<MRT_ColumnDef<Project>[]>(
     () => [
       {
@@ -132,14 +128,6 @@ const ProjectList = () => {
               isLoading: ctx.loading,
               showGlobalFilter: true,
             }}
-            enableRowActions={true}
-            renderRowActions={({ row }: any) => (
-              <Box>
-                <IconButton onClick={() => handleDelete(row.original.id)}>
-                  <DeleteIcon />
-                </IconButton>
-              </Box>
-            )}
             renderTopToolbarCustomActions={() => (
               <Box
                 sx={{

epictrack-web/src/components/proponent/ProponentList.tsx

@@ -67,11 +67,6 @@ export default function ProponentList() {
     [staffs]
   );
 
-  const handleDelete = (id: string) => {
-    ctx.setShowDeleteDialog(true);
-    ctx.setId(id);
-  };
-
   const getStaffs = async () => {
     const staffsResult = await staffService.getAll();
     if (staffsResult.status === 200) {
@@ -106,14 +101,6 @@ export default function ProponentList() {
               isLoading: ctx.loading,
               showGlobalFilter: true,
             }}
-            enableRowActions={true}
-            renderRowActions={({ row }: any) => (
-              <Box>
-                <IconButton onClick={() => handleDelete(row.original.id)}>
-                  <DeleteIcon />
-                </IconButton>
-              </Box>
-            )}
             renderTopToolbarCustomActions={() => (
               <Box
                 sx={{

epictrack-web/src/components/staff/StaffList.tsx

@@ -40,11 +40,6 @@ const StaffList = () => {
     }
   }, [staff]);
 
-  const handleDelete = (id: string) => {
-    ctx.setShowDeleteDialog(true);
-    ctx.setId(id);
-  };
-
   const columns = React.useMemo<MRT_ColumnDef<Staff>[]>(
     () => [
       {
@@ -125,17 +120,6 @@ const StaffList = () => {
               isLoading: ctx.loading,
               showGlobalFilter: true,
             }}
-            enableRowActions={true}
-            renderRowActions={({ row }: any) => (
-              <Box>
-                <IconButton onClick={() => onEdit(row.original.id)}>
-                  <EditIcon />
-                </IconButton>
-                <IconButton onClick={() => handleDelete(row.original.id)}>
-                  <DeleteIcon />
-                </IconButton>
-              </Box>
-            )}
             renderTopToolbarCustomActions={() => (
               <Box
                 sx={{

epictrack-web/src/components/work/WorkList.tsx

@@ -75,6 +75,16 @@ const WorkList = () => {
 
   const columns = React.useMemo<MRT_ColumnDef<Work>[]>(
     () => [
+      {
+        header: "Go to Workplan",
+        Cell: ({ row }) => (
+          <Box>
+            <Link to={`/work-plan?work_id=${row.original.id}`}>
+              <GoToIcon />
+            </Link>
+          </Box>
+        ),
+      },
       {
         accessorKey: "title",
         header: "Name",
@@ -140,16 +150,6 @@ const WorkList = () => {
           </span>
         ),
       },
-      {
-        header: "Go to Workplan",
-        Cell: ({ row }) => (
-          <Box>
-            <Link to={`/work-plan?work_id=${row.original.id}`}>
-              <GoToIcon />
-            </Link>
-          </Box>
-        ),
-      },
     ],
     [projects, phases, teams, ministries, workTypes, eaActs]
   );

epictrack-web/src/components/work/workStaff/WorkStaffList.tsx

@@ -117,9 +117,6 @@ const WorkStaffList = () => {
         header: "Project",
         enableHiding: false,
         filterVariant: "multi-select",
-        Cell: ({ cell }) => (
-          <ETGridTitle to={"#"}>{cell.getValue<string>()}</ETGridTitle>
-        ),
         filterSelectOptions: projectFilter,
       },
       {
@@ -186,15 +183,6 @@ const WorkStaffList = () => {
               isLoading: loading,
               showGlobalFilter: true,
             }}
-            renderTopToolbarCustomActions={() => (
-              <Box
-                sx={{
-                  width: "100%",
-                  display: "flex",
-                  justifyContent: "right",
-                }}
-              ></Box>
-            )}
           />
         </Grid>
       </ETPageContainer>