From 14adfabf7e49f8ea8220147ccb695f8b0ba8e9f0 Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Sat, 24 May 2025 01:17:22 +0530
Subject: [PATCH] (feat:tools) reflect custom name on ui

---
 frontend/src/components/ToolsPopup.tsx | 2 +-
 frontend/src/locale/en.json            | 6 +++---
 frontend/src/settings/Tools.tsx        | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/ToolsPopup.tsx b/frontend/src/components/ToolsPopup.tsx
index 5fdd6c23..4948bad6 100644
--- a/frontend/src/components/ToolsPopup.tsx
+++ b/frontend/src/components/ToolsPopup.tsx
@@ -201,7 +201,7 @@ export default function ToolsPopup({
                       />
                       <div className="overflow-hidden">
                         <p className="overflow-hidden overflow-ellipsis whitespace-nowrap text-xs font-medium text-gray-900 dark:text-white">
-                          {tool.displayName}
+                          {tool.customName || tool.displayName}
                         </p>
                       </div>
                     </div>
diff --git a/frontend/src/locale/en.json b/frontend/src/locale/en.json
index 65759996..352de717 100644
--- a/frontend/src/locale/en.json
+++ b/frontend/src/locale/en.json
@@ -117,12 +117,12 @@
       "noToolsFound": "No tools found",
       "selectToolSetup": "Select a tool to set up",
       "settingsIconAlt": "Settings icon",
-      "configureToolAria": "Configure {toolName}",
-      "toggleToolAria": "Toggle {toolName}",
+      "configureToolAria": "Configure {{toolName}}",
+      "toggleToolAria": "Toggle {{toolName}}",
       "manageTools": "Go to Tools",
       "edit": "Edit",
       "delete": "Delete",
-      "deleteWarning": "Are you sure you want to delete {toolName}?",
+      "deleteWarning": "Are you sure you want to delete the tool \"{{toolName}}\" ?",
       "unsavedChanges": "You have unsaved changes that will be lost if you leave without saving.",
       "leaveWithoutSaving": "Leave without Saving",
       "saveAndLeave": "Save and Leave"
diff --git a/frontend/src/settings/Tools.tsx b/frontend/src/settings/Tools.tsx
index 2d1324b4..05350e03 100644
--- a/frontend/src/settings/Tools.tsx
+++ b/frontend/src/settings/Tools.tsx
@@ -288,7 +288,8 @@ export default function Tools() {
           />
           <ConfirmationModal
             message={t('settings.tools.deleteWarning', {
-              toolName: toolToDelete?.displayName || '',
+              toolName:
+                toolToDelete?.customName || toolToDelete?.displayName || '',
             })}
             modalState={deleteModalState}
             setModalState={setDeleteModalState}