From 741731c0e2c55d5622000751ef016c82b1f437c0 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 24 May 2024 14:38:08 +0200
Subject: [PATCH] Added close button when submit is present

---
 src/frontend/src/modals/baseModal/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/baseModal/index.tsx b/src/frontend/src/modals/baseModal/index.tsx
index b0a3c36bb..aefb8c4d1 100644
--- a/src/frontend/src/modals/baseModal/index.tsx
+++ b/src/frontend/src/modals/baseModal/index.tsx
@@ -15,6 +15,7 @@ import {
   DialogContent as ModalContent,
 } from "../../components/ui/dialog-with-no-close";
 
+import { DialogClose } from "@radix-ui/react-dialog";
 import { Button } from "../../components/ui/button";
 import { modalHeaderType } from "../../types/components";
 import { cn } from "../../utils/utils";
@@ -69,7 +70,12 @@ const Footer: React.FC<{
   return submit ? (
     <div className="flex w-full items-center justify-between">
       {children ?? <div />}
-      <div className="flex items-center">
+      <div className="flex items-center gap-3">
+        <DialogClose asChild>
+          <Button variant="outline" type="button">
+            Cancel
+          </Button>
+        </DialogClose>
         <Button type="submit">
           {submit.icon && submit.icon}
           {submit.label}