KHP3-6542:Radiology results fails to update from pending review to approved

src/radiology-tabs/approved/approved-orders.component.tsx

@@ -1,4 +1,4 @@
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DataTableSkeleton } from "@carbon/react";
 import { useOrdersWorklist } from "../../hooks/useOrdersWorklist";
@@ -6,7 +6,10 @@
 
 export const ApprovedOrders: React.FC = () => {
   const { t } = useTranslation();
-  const { workListEntries, isLoading } = useOrdersWorklist("", "ON_HOLD");
+  const { workListEntries, isLoading } = useOrdersWorklist("", "COMPLETED");
+  const approved = workListEntries.filter((item) =>
+    item.procedures?.some((procedure) => procedure.outcome === "SUCCESSFUL")
+  );
 
   if (isLoading) {
     return <DataTableSkeleton />;
@@ -15,7 +18,7 @@
   return (
     <div>
       <GroupedOrdersTable
-        orders={workListEntries}
+        orders={approved}
         showStatus={false}
         showStartButton={false}
         showActions={false}

src/radiology-tabs/radiology-tabs.component.tsx

@@ -8,16 +8,24 @@ import { Review } from "./review-ordered/review-ordered.component";
 import { ApprovedOrders } from "./approved/approved-orders.component";
 import { OrdersNotDone } from "./orders-not-done/orders-not-done.component";
 import { useProcedureOrderStats } from "../summary-tiles/radiology-summary.resource";
+import { useOrdersWorklist } from "../hooks/useOrdersWorklist";
 
 export const RadiologyTabs: React.FC = () => {
   const { t } = useTranslation();
 
   const { count: activeOrdersCount } = useProcedureOrderStats("");
   const { count: workListCount } = useProcedureOrderStats("IN_PROGRESS");
   const { count: referredTestsCount } = useProcedureOrderStats("EXCEPTION");
-  const { count: reviewCount } = useProcedureOrderStats("COMPLETED");
-  const { count: approvedOrdersCount } = useProcedureOrderStats("ON_HOLD");
   const { count: ordersNotDoneCount } = useProcedureOrderStats("DECLINED");
+  const { workListEntries } = useOrdersWorklist("", "COMPLETED");
+  const pendingReview = workListEntries.filter((item) =>
+    item.procedures?.some((procedure) => procedure.outcome !== "SUCCESSFUL")
+  );
+  const pendingReviewCount = pendingReview?.length ?? 0;
+  const approved = workListEntries.filter((item) =>
+    item.procedures?.some((procedure) => procedure.outcome === "SUCCESSFUL")
+  );
+  const approvedOrdersCount = approved?.length ?? 0;
 
   return (
     <div>
@@ -37,7 +45,7 @@ export const RadiologyTabs: React.FC = () => {
             {t("referredProcedures", "Referred Out")} ({referredTestsCount})
           </Tab>
           <Tab>
-            {t("review", "Pending Review")} ({reviewCount})
+            {t("review", "Pending Review")} ({pendingReviewCount})
           </Tab>
           <Tab>
             {t("approved", "Approved")} ({approvedOrdersCount})

src/radiology-tabs/review-ordered/review-ordered.component.tsx

@@ -5,13 +5,15 @@ import { DataTableSkeleton } from "@carbon/react";
 
 export const Review: React.FC = () => {
   const { workListEntries, isLoading } = useOrdersWorklist("", "COMPLETED");
-
+  const pendingReview = workListEntries.filter((item) =>
+    item.procedures?.some((procedure) => procedure.outcome !== "SUCCESSFUL")
+  );
   return isLoading ? (
     <DataTableSkeleton />
   ) : (
     <div>
       <GroupedOrdersTable
-        orders={workListEntries}
+        orders={pendingReview}
         showStatus={false}
         showStartButton={false}
         showActions={true}

src/radiology-tabs/review-ordered/review-radiology-report-dialog/review-radiology-report-dialog.component.tsx

@@ -70,6 +70,13 @@ const ReviewOrderDialog: React.FC<ReviewOrderDialogProps> = ({
           undefined,
           { revalidate: true }
         );
+
+        mutate(
+          (key) =>
+            typeof key === "string" && key.startsWith("/ws/rest/v1/order"),
+          undefined,
+          { revalidate: true }
+        );
       })
       .catch((error) => {
         showNotification({

src/results/result-form.component.tsx

@@ -1,4 +1,5 @@
 import React, { useMemo, useState } from "react";
+import { mutate } from "swr";
 import styles from "./result-form.scss";
 import {
   Button,
@@ -57,7 +58,7 @@ const ProcedureReportForm: React.FC<ResultFormProps> = ({
   }, [patient, patientUuid]);
 
   if (isLoadingConcepts) {
-    return <div>Loading test details</div>;
+    return <div>{t("loadingTestDetails", "Loading test details")}</div>;
   }
 
   const onSubmit = (data, e) => {
@@ -85,6 +86,12 @@ const ProcedureReportForm: React.FC<ResultFormProps> = ({
           ),
         });
         closeOverlay();
+        mutate(
+          (key) =>
+            typeof key === "string" && key.startsWith("/ws/rest/v1/order"),
+          undefined,
+          { revalidate: true }
+        );
       },
       (err) => {
         showNotification({