From 9f00cf1ff16164170ed4f3428fa039b69f103504 Mon Sep 17 00:00:00 2001
From: Nimish <nimish@phase.dev>
Date: Tue, 3 Dec 2024 23:58:56 +0530
Subject: [PATCH 1/2] feat: add app name in the input placeholder

---
 frontend/components/apps/DeleteAppDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/apps/DeleteAppDialog.tsx b/frontend/components/apps/DeleteAppDialog.tsx
index eb157d803..9073d032b 100644
--- a/frontend/components/apps/DeleteAppDialog.tsx
+++ b/frontend/components/apps/DeleteAppDialog.tsx
@@ -155,7 +155,7 @@ export default function DeleteAppDialog(props: {
                           required
                           maxLength={64}
                           value={typedName}
-                          placeholder="MyApp"
+                          placeholder={appName}
                           onChange={(e) => setTypedName(e.target.value)}
                         />
                       </div>

From fcb645c08cc063e09039ed026bcbcdd17c32c787 Mon Sep 17 00:00:00 2001
From: Nimish <nimish@phase.dev>
Date: Wed, 4 Dec 2024 00:54:06 +0530
Subject: [PATCH 2/2] 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 9073d032b..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={appName}
                           onChange={(e) => setTypedName(e.target.value)}
                         />
                       </div>