From 518fd752af10d8bdc96fd57addc68fb7c702cd46 Mon Sep 17 00:00:00 2001
From: Nimish <85357445+nimish-ks@users.noreply.github.com>
Date: Wed, 4 Dec 2024 11:17:09 +0530
Subject: [PATCH] feat: add app name in the input placeholder (#402)

* feat: add app name in the input placeholder

* feat: removed placeholder, added app name in the copy
---
 frontend/components/apps/DeleteAppDialog.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/components/apps/DeleteAppDialog.tsx b/frontend/components/apps/DeleteAppDialog.tsx
index eb157d803..201ea97f4 100644
--- a/frontend/components/apps/DeleteAppDialog.tsx
+++ b/frontend/components/apps/DeleteAppDialog.tsx
@@ -143,19 +143,15 @@ export default function DeleteAppDialog(props: {
                       </Alert>
 
                       <div className="flex flex-col justify-center max-w-md mx-auto">
-                        <label
-                          className="block text-gray-700 text-sm font-bold mb-2"
-                          htmlFor="appname"
-                        >
-                          Please type the App name to confirm
-                        </label>
+                        <div className="text-sm text-gray-500 dark:text-gray-400 mb-2">
+                          Please enter the App name <span className="text-gray-900 dark:text-white font-mono font-medium">{appName}</span> to confirm:
+                        </div>
                         <input
                           id="appname"
                           className="text-lg"
                           required
                           maxLength={64}
                           value={typedName}
-                          placeholder="MyApp"
                           onChange={(e) => setTypedName(e.target.value)}
                         />
                       </div>