From 98cb97b39a1774402bdef43a9af342eba6c40a02 Mon Sep 17 00:00:00 2001
From: khanhtc1202 <khanhtc1202@gmail.com>
Date: Tue, 28 Jun 2022 10:23:27 +0700
Subject: [PATCH] Update action menu on applications list page

---
 .../application-list-item/index.tsx               | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/src/components/applications-page/application-list/application-list-item/index.tsx b/web/src/components/applications-page/application-list/application-list-item/index.tsx
index b3173bd1cd..c1f5c9eb59 100644
--- a/web/src/components/applications-page/application-list/application-list-item/index.tsx
+++ b/web/src/components/applications-page/application-list/application-list-item/index.tsx
@@ -57,6 +57,9 @@ const useStyles = makeStyles((theme) => ({
     verticalAlign: "text-bottom",
     marginLeft: theme.spacing(0.5),
   },
+  warning: {
+    color: "red",
+  },
 }));
 
 const EmptyDeploymentData: FC<{ displayAllProperties: boolean }> = ({
@@ -258,14 +261,18 @@ export const ApplicationListItem: FC<ApplicationListItemProps> = memo(
             },
           }}
         >
-          <MenuItem onClick={handleEdit}>Edit</MenuItem>
-          <MenuItem onClick={handleGenerateSecret}>Encrypt Secret</MenuItem>
           {app && app.disabled ? (
             <MenuItem onClick={handleEnable}>Enable</MenuItem>
           ) : (
-            <MenuItem onClick={handleDisable}>Disable</MenuItem>
+            <>
+              <MenuItem onClick={handleEdit}>Edit</MenuItem>
+              <MenuItem onClick={handleGenerateSecret}>Encrypt Secret</MenuItem>
+              <MenuItem onClick={handleDisable}>Disable</MenuItem>
+            </>
           )}
-          <MenuItem onClick={handleDelete}>Delete</MenuItem>
+          <MenuItem className={classes.warning} onClick={handleDelete}>
+            Delete
+          </MenuItem>
         </Menu>
       </>
     );