✨ #497 - feat: automatically update status when co review is completed

Author: svenvandescheur

frontend/src/components/DestructionListReviewer/DestructionListReviewer.tsx

@@ -190,7 +190,7 @@ export function DestructionListReviewer({
           },
         };
       }, {}),
-    [assignedCoReviewers],
+    [assignedCoReviewers, coReviews],
   );
 
   return (

frontend/src/hooks/useCoReviews.ts

@@ -3,6 +3,7 @@ import { useEffect, useState } from "react";
 import { CoReview, listCoReviews } from "../lib/api/coReview";
 import { DestructionList } from "../lib/api/destructionLists";
 import { useAlertOnError } from "./useAlertOnError";
+import { usePoll } from "./usePoll";
 
 /**
  * Hook resolving co reviews
@@ -13,16 +14,13 @@ export function useCoReviews(destructionList?: DestructionList): CoReview[] {
   );
 
   const [valueState, setValueState] = useState<CoReview[]>([]);
-  useEffect(() => {
-    if (!destructionList) {
-      setValueState([]);
-      return;
-    }
-
-    listCoReviews({ destructionList__uuid: destructionList.uuid })
-      .then((v) => setValueState(v))
-      .catch(alertOnError);
-  }, [destructionList?.uuid]);
+  usePoll(
+    () =>
+      listCoReviews({ destructionList__uuid: destructionList?.uuid })
+        .then((v) => setValueState(v))
+        .catch(alertOnError),
+    [destructionList?.uuid],
+  );
 
   return valueState;
 }

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

@@ -1,7 +1,11 @@
 import { ActionFunctionArgs, redirect } from "react-router-dom";
 
 import { TypedAction } from "../../../hooks";
-import { CoReview, createCoReview } from "../../../lib/api/coReview";
+import {
+  CoReview,
+  CoReviewBase,
+  createCoReview,
+} from "../../../lib/api/coReview";
 import {
   Review,
   ZaakReview,
@@ -152,7 +156,7 @@ export async function destructionListCompleteCoReviewAction({
   const { comment, destructionList } =
     payload as ReviewDestructionListCompleteCoReviewPayload;
 
-  const data: CoReview = {
+  const data: CoReviewBase = {
     destructionList: destructionList,
     listFeedback: comment,
   };