fix: disable actions when deleting cluster (#803)

percona · Nov 4, 2024 · ae08078 · ae08078
1 parent 623a63c
commit ae08078
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/ui/apps/everest/src/components/db-actions/db-actions.tsx b/ui/apps/everest/src/components/db-actions/db-actions.tsx
@@ -48,6 +48,7 @@ export const DbActions = ({
   const dbClusterName = dbCluster.metadata.name;
   const namespace = dbCluster.metadata.namespace;
   const restoring = dbCluster.status?.status === DbClusterStatus.restoring;
+  const deleting = dbCluster.status?.status === DbClusterStatus.deleting;
   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.stopPropagation();
     setAnchorEl(event.currentTarget);
@@ -132,7 +133,7 @@ export const DbActions = ({
       >
         {canUpdate && (
           <MenuItem
-            disabled={restoring}
+            disabled={restoring || deleting}
             key={0}
             component={Link}
             to="/databases/edit"
@@ -144,7 +145,7 @@ export const DbActions = ({
         )}
         {canUpdate && (
           <MenuItem
-            disabled={restoring}
+            disabled={restoring || deleting}
             key={2}
             onClick={() => {
               handleDbRestart(dbCluster);
@@ -157,7 +158,7 @@ export const DbActions = ({
         {canCreateClusterFromBackup && (
           <MenuItem
             data-testid={`${dbClusterName}-create-new-db-from-backup`}
-            disabled={restoring}
+            disabled={restoring || deleting}
             key={1}
             onClick={() => {
               setIsNewClusterMode(true);
@@ -171,7 +172,7 @@ export const DbActions = ({
         {canRestore && (
           <MenuItem
             data-testid={`${dbClusterName}-restore`}
-            disabled={restoring}
+            disabled={restoring || deleting}
             key={3}
             onClick={() => {
               setIsNewClusterMode(false);
@@ -195,7 +196,7 @@ export const DbActions = ({
         )}
         {canUpdate && (
           <MenuItem
-            disabled={restoring}
+            disabled={restoring || deleting}
             key={4}
             onClick={() => {
               handleDbSuspendOrResumed(dbCluster);
@@ -210,6 +211,7 @@ export const DbActions = ({
         )}
         {canDelete && (
           <MenuItem
+            disabled={deleting}
             data-testid={`${dbClusterName}-delete`}
             key={5}
             onClick={() => {