Merge pull request #34 from Amsterdam/improvement/add-onclickrow-to-t…

…ask-overview-table Adde onclickrow to task overview table
Amsterdam · Aug 12, 2024 · a9ebe14 · a9ebe14
2 parents c330129 + f5684c4
commit a9ebe14
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/__generated__/apiSchema.d.ts b/src/__generated__/apiSchema.d.ts
diff --git a/src/app/pages/CasesPage/CasesPage.tsx b/src/app/pages/CasesPage/CasesPage.tsx
@@ -18,7 +18,7 @@ const columns: ColumnType<Components.Schemas.Case>[] = [
     header: "",
     dataIndex: "id",
     width: 100,
-    render: () => <LinkButton label="Zaakdetails" path="" />
+    render: () => <LinkButton label="Zaakdetails" />
   }
 ]
 

diff --git a/src/app/pages/TasksPage/TaskPage.tsx b/src/app/pages/TasksPage/TaskPage.tsx
@@ -1,3 +1,4 @@
+import { useNavigate } from "react-router-dom"
 import { ColumnType, LinkButton, PageHeading, Table } from "app/components"
 import { useTasks } from "app/state/rest"
 import { formatDate } from "app/utils/dates"
@@ -27,12 +28,13 @@ const columns: ColumnType<Components.Schemas.CaseUserTask>[] = [
     header: "",
     dataIndex: "case",
     width: 100,
-    render: (caseId) => <LinkButton label="Zaakdetails" path={ `/zaken/${ caseId }`} />
+    render: () => <LinkButton label="Zaakdetails" />
   }
 ]
 
 export const TasksPage: React.FC = () => {
   const [data, { isBusy }] = useTasks()
+  const navigate = useNavigate()
 
   return (
     <>
@@ -41,6 +43,7 @@ export const TasksPage: React.FC = () => {
         columns={ columns } 
         data={ data as Components.Schemas.CaseUserTask[] } 
         loading={ isBusy }
+        onClickRow={(obj) => navigate(`/zaken/${ obj.case }`)}
       />
     </>
   )