🐛 - fix: fix a bug where the detail url of a zaak was not correctly formatted.

Author: svenvandescheur

frontend/src/pages/destructionlist/abstract/BaseListView.tsx

@@ -6,6 +6,7 @@ import {
   ListTemplateProps,
   Solid,
   TypedField,
+  formatMessage,
 } from "@maykin-ui/admin-ui";
 import React, { useCallback, useMemo } from "react";
 import { useNavigation } from "react-router-dom";
@@ -25,6 +26,9 @@ import {
   useZaakSelection,
 } from "../hooks/useZaakSelection";
 
+/** The template used to format urls to an external application providing zaak details. */
+const REACT_APP_ZAAK_URL_TEMPLATE = process.env.REACT_APP_ZAAK_URL_TEMPLATE;
+
 export type BaseListViewProps = React.PropsWithChildren<{
   storageKey: string;
   title?: string;
@@ -80,6 +84,12 @@ export function BaseListView({
   const [, setFilterField] = useFilter();
   const [sort, setSort] = useSort();
 
+  // Object list.
+  const objectList = paginatedZaken.results.map((zaak) => ({
+    ...zaak,
+    href: formatMessage(REACT_APP_ZAAK_URL_TEMPLATE || "", zaak),
+  }));
+
   // Fields.
   const [fields, setFields, filterTransform] = useFields(
     destructionList,
@@ -176,7 +186,7 @@ export function BaseListView({
         fields,
         filterTransform,
         loading: state === "loading",
-        objectList: paginatedZaken.results as unknown as AttributeData[],
+        objectList: objectList,
         page,
         sort: sort,
         selected: selectable