From 473cda234dd42ba4c518d481e980b8e3408111ea Mon Sep 17 00:00:00 2001
From: Hien Le <leduyhien152@gmail.com>
Date: Wed, 6 Mar 2024 17:35:34 +0700
Subject: [PATCH] fix: app detail modal color and placeholder

---
 apps/mochi-web/components/app/DeleteAppModal.tsx       | 6 +++---
 apps/mochi-web/components/app/detail/ResetKeyModal.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/mochi-web/components/app/DeleteAppModal.tsx b/apps/mochi-web/components/app/DeleteAppModal.tsx
index 975b8e1fe..b399d169a 100644
--- a/apps/mochi-web/components/app/DeleteAppModal.tsx
+++ b/apps/mochi-web/components/app/DeleteAppModal.tsx
@@ -107,8 +107,8 @@ export const DeleteAppModal = ({
         <ModalContent className="w-full max-w-sm">
           <form onSubmit={handleSubmit(onDeleteApp)}>
             <div className="flex flex-col items-center">
-              <div className="flex items-center justify-center p-3 border-8 rounded-full w-fit bg-danger-outline-border border-danger-outline">
-                <AlertCircleLine className="w-6 h-6 text-danger-solid" />
+              <div className="flex items-center justify-center p-3 border-8 rounded-full w-fit bg-danger-outline-active border-danger-outline-hover">
+                <AlertCircleLine className="w-6 h-6 text-danger-outline-fg" />
               </div>
               <Typography level="h6" className="mt-5">
                 Delete {name}
@@ -127,7 +127,7 @@ export const DeleteAppModal = ({
                 <FormControl error={!!fieldState.error} className="mt-5">
                   <FormLabel>App name</FormLabel>
                   <TextFieldRoot>
-                    <TextFieldInput {...field} placeholder="<App name>" />
+                    <TextFieldInput {...field} placeholder={name} />
                   </TextFieldRoot>
                   <FormHelperText>
                     To delete this app, please confirm the name.
diff --git a/apps/mochi-web/components/app/detail/ResetKeyModal.tsx b/apps/mochi-web/components/app/detail/ResetKeyModal.tsx
index 8caf4fa21..e9721f703 100644
--- a/apps/mochi-web/components/app/detail/ResetKeyModal.tsx
+++ b/apps/mochi-web/components/app/detail/ResetKeyModal.tsx
@@ -22,7 +22,7 @@ export const ResetKeyModal = ({ trigger, onConfirm }: Props) => {
         <ModalOverlay />
         <ModalContent className="w-full max-w-sm">
           <div className="flex flex-col items-center">
-            <div className="flex items-center justify-center p-3 border-8 rounded-full w-fit bg-warning-outline-border border-warning-outline">
+            <div className="flex items-center justify-center p-3 border-8 rounded-full w-fit bg-warning-outline-active border-warning-outline-hover">
               <AlertTriangleLine className="w-6 h-6 text-warning-solid" />
             </div>
             <Typography level="h6" className="mt-5">