fix: CE-1308-and-CE-1307 (#812)

Co-authored-by: afwilcox <[email protected]>
bcgov · Dec 11, 2024 · 7600ddf · 7600ddf
1 parent 5371a9d
commit 7600ddf
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/frontend/src/app/components/containers/complaints/outcomes/oucome-by-animal/edit-outcome.tsx b/frontend/src/app/components/containers/complaints/outcomes/oucome-by-animal/edit-outcome.tsx
@@ -543,9 +543,13 @@ export const EditOutcome: FC<props> = ({ id, index, outcome, assignedOfficer: of
                     placeholder={"Select"}
                     value={getDropdownOption(data.outcome, outcomes)}
                     onChange={(evt) => {
-                      showEditWarning(() => {
+                      if (data?.outcome) {
+                        showEditWarning(() => {
+                          updateModel("outcome", evt?.value);
+                        });
+                      } else {
                         updateModel("outcome", evt?.value);
-                      });
+                      }
                     }}
                     defaultOption={getDropdownOption(data.outcome, outcomes)}
                   />
@@ -591,9 +595,13 @@ export const EditOutcome: FC<props> = ({ id, index, outcome, assignedOfficer: of
                   id="equipment-day-set"
                   maxDate={new Date()}
                   onChange={(input: Date) => {
-                    showEditWarning(() => {
+                    if (data?.date) {
+                      showEditWarning(() => {
+                        handleOutcomeDateChange(input);
+                      });
+                    } else {
                       handleOutcomeDateChange(input);
-                    });
+                    }
                   }}
                   selectedDate={data?.date}
                   placeholder={"Select"}

diff --git a/frontend/src/app/components/modal/instances/standalone-cancel-confirm-modal.tsx b/frontend/src/app/components/modal/instances/standalone-cancel-confirm-modal.tsx
@@ -3,7 +3,7 @@
 //-- where unable to use the global redux modals
 //--
 
-import { FC } from "react";
+import { FC, useEffect, useState } from "react";
 import { Button, Col, Modal, Row } from "react-bootstrap";
 
 type props = {
@@ -25,11 +25,22 @@ export const StandaloneConfirmCancelModal: FC<props> = ({
   confirm,
   cancel,
 }) => {
+  const [showModal, setShowModal] = useState(false);
+
+  useEffect(() => {
+    setShowModal(show);
+  }, [show]);
+
+  const handleClose = () => {
+    cancel();
+  };
+
   return (
     <Modal
-      show={show}
+      show={showModal}
       aria-labelledby="contained-modal-title-vcenter"
       centered
+      onHide={handleClose}
     >
       {title && (
         <Modal.Header closeButton={true}>