From 3b988da630b2346350d56a144757b74238eeba20 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Sat, 9 Dec 2023 10:43:50 -0300
Subject: [PATCH] fix(shareModal/index.tsx): fix typo in unavailableNames
 variable name to unavailableNames for better readability
 refactor(shareModal/index.tsx): update ConfirmationModal title to "Replace"
 and remove titleHeader prop for consistency refactor(shareModal/index.tsx):
 update ConfirmationModal confirmationText to "Replace" for better clarity
 refactor(shareModal/index.tsx): update ConfirmationModal icon to "SaveAll"
 for better visual representation refactor(shareModal/index.tsx): update
 ConfirmationModal size to "x-small" for better UI consistency
 refactor(shareModal/index.tsx): update ConfirmationModal index to 6 for
 proper positioning in the modal stack refactor(shareModal/index.tsx): update
 ConfirmationModal onCancel prop to an empty function for consistency

---
 src/frontend/src/modals/shareModal/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx
index d97d3579e..91293afef 100644
--- a/src/frontend/src/modals/shareModal/index.tsx
+++ b/src/frontend/src/modals/shareModal/index.tsx
@@ -166,21 +166,21 @@ export default function ShareModal({
       <>
         {unavaliableNames.find((element) => element.name === name) ? (
           <ConfirmationModal
-            title="Update"
-            titleHeader={name}
-            modalContentTitle="Attention!"
+            title={`Replace`}
             cancelText="Cancel"
-            confirmationText="Update"
-            icon={"Group"}
+            confirmationText="Replace"
+            size={"x-small"}
+            icon={"SaveAll"}
+            index={6}
             onConfirm={() => {
               handleUpdateComponent();
             }}
-            size={"x-small"}
+            onCancel={() => {}}
           >
             <ConfirmationModal.Content>
               <span>
-                Are you sure you want to update this{" "}
-                {nameComponent.toLowerCase()}?
+                It seems {name} already exists. Do you want to replace it with
+                the current?
               </span>
               <br></br>
               <span className=" text-xs text-destructive ">