fix: review

Author: artemmufazalov

src/containers/Clusters/Clusters.scss

@@ -80,10 +80,6 @@
         color: var(--g-color-text-secondary);
     }
 
-    &__remove-cluster {
-        color: var(--ydb-color-status-red);
-    }
-
     &__progress {
         --g-progress-filled-background-color: var(--ydb-color-status-green);
     }

src/containers/Clusters/columns.tsx

@@ -79,7 +79,7 @@ function getTitleColumn({isEditClusterAvailable, isDeleteClusterAvailable}: Clus
                         action: () => {
                             onDeleteCluster({clusterData: row});
                         },
-                        className: b('remove-cluster'),
+                        theme: 'danger',
                     });
                 }
 

src/containers/Header/Header.scss

@@ -33,9 +33,4 @@
         display: flex;
         align-items: center;
     }
-
-    &__remove-db {
-        // !important to prevent color from .g-menu__item
-        color: var(--ydb-color-status-red) !important;
-    }
 }

src/containers/Header/Header.tsx

@@ -121,9 +121,9 @@ function Header() {
 
             const {onEditDB, onDeleteDB} = uiFactory;
 
-            const isEnoughtData = clusterName && databaseData;
+            const isEnoughData = clusterName && databaseData;
 
-            if (isEditDBAvailable && onEditDB && isEnoughtData) {
+            if (isEditDBAvailable && onEditDB && isEnoughData) {
                 menuItems.push({
                     text: headerKeyset('action_edit-db'),
                     iconStart: <Pencil />,
@@ -132,7 +132,7 @@ function Header() {
                     },
                 });
             }
-            if (isDeleteDBAvailable && onDeleteDB && isEnoughtData) {
+            if (isDeleteDBAvailable && onDeleteDB && isEnoughData) {
                 menuItems.push({
                     text: headerKeyset('action_delete-db'),
                     iconStart: <TrashBin />,
@@ -144,7 +144,7 @@ function Header() {
                             }
                         });
                     },
-                    className: b('remove-db'),
+                    theme: 'danger',
                 });
             }
 

src/containers/Tenants/Tenants.scss

@@ -65,8 +65,4 @@
 
         margin: 0 0 0 auto;
     }
-
-    &__remove-db {
-        color: var(--ydb-color-status-red);
-    }
 }

src/containers/Tenants/Tenants.tsx

@@ -374,7 +374,7 @@ function getDBActionsColumn({
                             databaseData: row,
                         });
                     },
-                    className: b('remove-db'),
+                    theme: 'danger',
                 });
             }