From 940354e37bfdaaf9a96a24bc3c23d58ae1ff948d Mon Sep 17 00:00:00 2001
From: SteveGT96 <steve.tsala@intesys.it>
Date: Mon, 2 Dec 2024 11:57:30 +0100
Subject: [PATCH] fix: Add cancel button in delivery result and pregnant
 treatment types forms

---
 .../DeliveryResultTypeForm.tsx                    | 15 +++++++++++++++
 .../PregnantTreatmentTypeForm.tsx                 | 15 +++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/components/accessories/admin/types/components/deliveryresulttypes/deliveryResultTypeForm/DeliveryResultTypeForm.tsx b/src/components/accessories/admin/types/components/deliveryresulttypes/deliveryResultTypeForm/DeliveryResultTypeForm.tsx
index b3352412b..666873055 100644
--- a/src/components/accessories/admin/types/components/deliveryresulttypes/deliveryResultTypeForm/DeliveryResultTypeForm.tsx
+++ b/src/components/accessories/admin/types/components/deliveryresulttypes/deliveryResultTypeForm/DeliveryResultTypeForm.tsx
@@ -1,3 +1,4 @@
+import { Cancel } from "@mui/icons-material";
 import { useFormik } from "formik";
 import { useAppDispatch, useAppSelector } from "libraries/hooks/redux";
 import { get, has } from "lodash";
@@ -130,6 +131,20 @@ const DeliveryResultTypeForm: FC<IDeliveryResultTypeFormProps> = ({
 
   return (
     <div className="deliveryResultTypesForm">
+      <div className="form__header">
+        <div className="form__actions">
+          <Button
+            dataCy="cancel-form"
+            onClick={handleCancelConfirmationDialog(true)}
+            type="button"
+            variant="contained"
+            color="primary"
+          >
+            <Cancel fontSize="small" />
+            {t("common.discard")}
+          </Button>
+        </div>
+      </div>
       <form
         className="deliveryResultTypesForm__form"
         onSubmit={formik.handleSubmit}
diff --git a/src/components/accessories/admin/types/components/pregnanttreatmenttypes/pregnantTreatmentTypeForm/PregnantTreatmentTypeForm.tsx b/src/components/accessories/admin/types/components/pregnanttreatmenttypes/pregnantTreatmentTypeForm/PregnantTreatmentTypeForm.tsx
index d63e65ef2..2104ba85f 100644
--- a/src/components/accessories/admin/types/components/pregnanttreatmenttypes/pregnantTreatmentTypeForm/PregnantTreatmentTypeForm.tsx
+++ b/src/components/accessories/admin/types/components/pregnanttreatmenttypes/pregnantTreatmentTypeForm/PregnantTreatmentTypeForm.tsx
@@ -1,3 +1,4 @@
+import { Cancel } from "@mui/icons-material";
 import { useFormik } from "formik";
 import { useAppDispatch, useAppSelector } from "libraries/hooks/redux";
 import { get, has } from "lodash";
@@ -130,6 +131,20 @@ const PregnantTreatmentTypeForm: FC<IPregnantTreatmentTypeFormProps> = ({
 
   return (
     <div className="pregnantTreatmentTypesForm">
+      <div className="form__header">
+        <div className="form__actions">
+          <Button
+            dataCy="cancel-form"
+            onClick={handleCancelConfirmationDialog(true)}
+            type="button"
+            variant="contained"
+            color="primary"
+          >
+            <Cancel fontSize="small" />
+            {t("common.discard")}
+          </Button>
+        </div>
+      </div>
       <form
         className="pregnantTreatmentTypesForm__form"
         onSubmit={formik.handleSubmit}