🐛 [#378] Handle review items with zaak null

Whenever a zaak has been removed by some other entity. This could be in
the admin or directly in openzaak.

Author: SilviaAmAm

frontend/src/fixtures/reviewItem.ts

@@ -1,14 +1,14 @@
-import { ReviewItem } from "../lib/api/review";
+import { ReviewItemWithZaak } from "../lib/api/review";
 import { createArrayFactory, createObjectFactory } from "./factory";
 import { zaakFactory, zakenFactory } from "./zaak";
 
-const FIXTURE_REVIEW_ITEM: ReviewItem = {
+const FIXTURE_REVIEW_ITEM: ReviewItemWithZaak = {
   pk: 1,
   zaak: zaakFactory(),
   feedback: "Deze niet",
 };
 
-const FIXTURE_REVIEW_ITEMS: ReviewItem[] = [
+const FIXTURE_REVIEW_ITEMS: ReviewItemWithZaak[] = [
   FIXTURE_REVIEW_ITEM,
   {
     pk: 2,
@@ -22,7 +22,9 @@ const FIXTURE_REVIEW_ITEMS: ReviewItem[] = [
   },
 ];
 
-const reviewItemFactory = createObjectFactory<ReviewItem>(FIXTURE_REVIEW_ITEM);
-const reviewItemsFactory = createArrayFactory<ReviewItem>(FIXTURE_REVIEW_ITEMS);
+const reviewItemFactory =
+  createObjectFactory<ReviewItemWithZaak>(FIXTURE_REVIEW_ITEM);
+const reviewItemsFactory =
+  createArrayFactory<ReviewItemWithZaak>(FIXTURE_REVIEW_ITEMS);
 
 export { reviewItemFactory, reviewItemsFactory };

frontend/src/lib/api/review.ts

@@ -19,6 +19,12 @@ export type ZaakReview = {
 };
 
 export type ReviewItem = {
+  pk: number;
+  zaak: Zaak | null;
+  feedback: string;
+};
+
+export type ReviewItemWithZaak = {
   pk: number;
   zaak: Zaak;
   feedback: string;

frontend/src/pages/destructionlist/detail/DestructionListDetail.loader.ts

@@ -15,7 +15,7 @@ import {
 import { listSelectielijstKlasseChoices } from "../../../lib/api/private";
 import {
   Review,
-  ReviewItem,
+  ReviewItemWithZaak,
   getLatestReview,
   listReviewItems,
 } from "../../../lib/api/review";
@@ -46,7 +46,7 @@ export interface DestructionListDetailContext {
   user: User;
 
   review: Review | null;
-  reviewItems: ReviewItem[] | null;
+  reviewItems: ReviewItemWithZaak[] | null;
 
   selectieLijstKlasseChoicesMap: Record<string, Option[]> | null;
 }
@@ -83,15 +83,21 @@ export const destructionListDetailLoader = loginRequired(
           })
         : null;
 
+      // #378 - If for some unfortunate reason a zaak has been deleted outside of the process,
+      // item.zaak can be null
+      const reviewItemsWithZaak = reviewItems
+        ? (reviewItems.filter((item) => !!item.zaak) as ReviewItemWithZaak[])
+        : reviewItems;
+
       /**
        * Fetch selectable zaken: empty array if review collected OR all zaken not in another destruction list.
        * FIXME: Accept no/implement real pagination?
        */
       const getDestructionListItems =
         async (): Promise<PaginatedDestructionListItems> =>
-          reviewItems
+          reviewItemsWithZaak
             ? {
-                count: reviewItems.length,
+                count: reviewItemsWithZaak.length,
                 next: null,
                 previous: null,
                 results: [],
@@ -122,13 +128,13 @@ export const destructionListDetailLoader = loginRequired(
        * reviewItems ? await listSelectieLijstKlasseChoices({}) : null,
        */
       const getReviewItems = () =>
-        reviewItems
+        reviewItemsWithZaak
           ? cacheMemo(
               "selectieLijstKlasseChoicesMap",
               async () =>
                 Object.fromEntries(
                   await Promise.all(
-                    reviewItems.map(async (ri) => {
+                    reviewItemsWithZaak.map(async (ri) => {
                       const choices = await listSelectielijstKlasseChoices({
                         zaak: ri.zaak.url,
                       });
@@ -137,12 +143,12 @@ export const destructionListDetailLoader = loginRequired(
                   ),
                 ),
               // @ts-expect-error - Params not used in function but in case key only.
-              reviewItems.map((ri) => ri.pk),
+              reviewItemsWithZaak.map((ri) => ri.pk),
             )
           : null;
 
       const getSelectableZaken = () =>
-        reviewItems || destructionList.status === "ready_to_delete"
+        reviewItemsWithZaak || destructionList.status === "ready_to_delete"
           ? ({
               count: 0,
               next: null,
@@ -196,7 +202,7 @@ export const destructionListDetailLoader = loginRequired(
         user,
 
         review: review,
-        reviewItems: reviewItems,
+        reviewItems: reviewItemsWithZaak,
 
         selectieLijstKlasseChoicesMap,
       };

frontend/src/pages/destructionlist/review/DestructionListReview.loader.ts

@@ -8,7 +8,7 @@ import {
 } from "../../../lib/api/destructionLists";
 import {
   Review,
-  ReviewItem,
+  ReviewItemWithZaak,
   getLatestReview,
   listReviewItems,
 } from "../../../lib/api/review";
@@ -37,7 +37,7 @@ export type DestructionListReviewContext = {
 
   paginatedZaken: PaginatedZaken;
   review: Review;
-  reviewItems?: ReviewItem[];
+  reviewItems?: ReviewItemWithZaak[];
   reviewResponse?: ReviewResponse;
   reviewers: User[];
 
@@ -94,8 +94,15 @@ export const destructionListReviewLoader = loginRequired(
         storageKey,
       );
 
-      const zakenOnPage = reviewItems?.length
-        ? reviewItems.map((ri) => ri.zaak.url as string)
+      // #378 - If for some unfortunate reason a zaak has been deleted outside of the process,
+      // item.zaak can be null
+      // TODO refactor: This code is the same as for the DestructionListDetail loader.
+      const reviewItemsWithZaak = reviewItems
+        ? (reviewItems.filter((item) => !!item.zaak) as ReviewItemWithZaak[])
+        : reviewItems;
+
+      const zakenOnPage = reviewItemsWithZaak?.length
+        ? reviewItemsWithZaak.map((ri) => ri.zaak.url as string)
         : zaken.results.map((z) => z.url as string);
 
       const approvedZaakUrlsOnPagePromise = await Promise.all(
@@ -123,7 +130,7 @@ export const destructionListReviewLoader = loginRequired(
 
         paginatedZaken: zaken,
         review: latestReview,
-        reviewItems,
+        reviewItems: reviewItemsWithZaak,
         reviewResponse,
         reviewers,