From 9201abf963d79110a53d03fa70411ef867a28305 Mon Sep 17 00:00:00 2001
From: njorocs <njorocs@gmail.com>
Date: Wed, 10 Apr 2024 23:06:04 +0300
Subject: [PATCH] Post procedure functionality button cleanup

---
 .../referred-procedures.component.tsx         | 49 ++++++++++++++-----
 src/work-list/work-list.component.tsx         | 48 ++++++++++++------
 2 files changed, 70 insertions(+), 27 deletions(-)

diff --git a/src/referred-procedures/referred-procedures.component.tsx b/src/referred-procedures/referred-procedures.component.tsx
index 96d6503..3d8e4c1 100644
--- a/src/referred-procedures/referred-procedures.component.tsx
+++ b/src/referred-procedures/referred-procedures.component.tsx
@@ -181,6 +181,31 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
   ];
 
   const tableRows = useMemo(() => {
+    const ResultsOrder: React.FC<ResultsOrderProps> = ({
+      order,
+      patientUuid,
+    }) => {
+      return (
+        <Button
+          kind="ghost"
+          onClick={() => {
+            launchOverlay(
+              t("postProcedureResultForm", "Procedure report form"),
+              <PostProcedureForm patientUuid={patientUuid} procedure={order} />
+            );
+          }}
+          renderIcon={(props) => (
+            <Tooltip
+              align="top"
+              label={t("procedureOutcome", "Procedure Outcome")}
+            >
+              <Scalpel size={16} {...props} />
+            </Tooltip>
+          )}
+        />
+      );
+    };
+
     const Instructions: React.FC<InstructionsProps> = ({ order }) => {
       const launchProcedureInstructionsModal = useCallback(() => {
         const dispose = showModal("procedure-instructions-modal", {
@@ -242,23 +267,21 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
         orderer: { content: <span>{entry.orderer.display}</span> },
         orderType: { content: <span>{entry?.orderType?.display}</span> },
         priority: { content: <span>{entry.urgency}</span> },
+        start: {
+          content: (
+            <>
+              <StartOrder order={paginatedWorkListEntries[index]} />
+            </>
+          ),
+        },
         actions: {
           content: (
             <>
               <Instructions order={entry} />
-              <Button
-                onClick={() =>
-                  launchOverlay(
-                    t("postProcedureForm", "Post procedure form"),
-                    <PostProcedureForm
-                      patientUuid={entry.patient.uuid}
-                      procedure={entry}
-                    />
-                  )
-                }
-              >
-                {t("postProcedureForm", "Post procedure form")}
-              </Button>
+              <ResultsOrder
+                patientUuid={entry.patient.uuid}
+                order={paginatedWorkListEntries[index]}
+              />
               <RejectOrder order={paginatedWorkListEntries[index]} />
             </>
           ),
diff --git a/src/work-list/work-list.component.tsx b/src/work-list/work-list.component.tsx
index 594098b..4d71c67 100644
--- a/src/work-list/work-list.component.tsx
+++ b/src/work-list/work-list.component.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useMemo, useCallback } from "react";
 import { useTranslation } from "react-i18next";
-import { TrashCan, Information } from "@carbon/react/icons";
+import { Scalpel, TrashCan, Information } from "@carbon/react/icons";
 import {
   DataTable,
   DataTableSkeleton,
@@ -52,6 +52,10 @@ interface RejectOrderProps {
 interface InstructionsProps {
   order: Result;
 }
+interface ResultsOrderProps {
+  order: Result;
+  patientUuid: string;
+}
 
 const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
   const { t } = useTranslation();
@@ -178,6 +182,31 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
   ];
 
   const tableRows = useMemo(() => {
+    const ResultsOrder: React.FC<ResultsOrderProps> = ({
+      order,
+      patientUuid,
+    }) => {
+      return (
+        <Button
+          kind="ghost"
+          onClick={() => {
+            launchOverlay(
+              t("postProcedureResultForm", "Procedure report form"),
+              <PostProcedureForm patientUuid={patientUuid} procedure={order} />
+            );
+          }}
+          renderIcon={(props) => (
+            <Tooltip
+              align="top"
+              label={t("procedureOutcome", "Procedure Outcome")}
+            >
+              <Scalpel size={16} {...props} />
+            </Tooltip>
+          )}
+        />
+      );
+    };
+
     const Instructions: React.FC<InstructionsProps> = ({ order }) => {
       const launchProcedureInstructionsModal = useCallback(() => {
         const dispose = showModal("procedure-instructions-modal", {
@@ -250,20 +279,11 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
           content: (
             <>
               <Instructions order={entry} />
+              <ResultsOrder
+                patientUuid={entry.patient.uuid}
+                order={paginatedWorkListEntries[index]}
+              />
               <RejectOrder order={paginatedWorkListEntries[index]} />
-              <Button
-                onClick={() =>
-                  launchOverlay(
-                    t("postProcedureForm", "Post procedure form"),
-                    <PostProcedureForm
-                      patientUuid={entry.patient.uuid}
-                      procedure={entry}
-                    />
-                  )
-                }
-              >
-                {t("postProcedureForm", "Post procedure form")}
-              </Button>
             </>
           ),
         },