ydb-embedded-ui 4.20.1 → 4.20.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [4.20.2](https://github.com/ydb-platform/ydb-embedded-ui/compare/v4.20.1...v4.20.2) (2023-10-25)
+
+
+### Bug Fixes
+
+* fix diagnostics top queries width ([#574](https://github.com/ydb-platform/ydb-embedded-ui/issues/574)) ([afa17f2](https://github.com/ydb-platform/ydb-embedded-ui/commit/afa17f236331692167a0a37936b090a8baa772df))
+* fix sticky storage info ([#573](https://github.com/ydb-platform/ydb-embedded-ui/issues/573)) ([4b923d1](https://github.com/ydb-platform/ydb-embedded-ui/commit/4b923d1db73c53c63e95f43487127b4c2c1e4cac))
+* use UsageLabel in top groups by usage table ([#572](https://github.com/ydb-platform/ydb-embedded-ui/issues/572)) ([752888d](https://github.com/ydb-platform/ydb-embedded-ui/commit/752888d26ac2cab75307011fb1354830b1cb6db6))
+
 ## [4.20.1](https://github.com/ydb-platform/ydb-embedded-ui/compare/v4.20.0...v4.20.1) (2023-10-24)
 
 

package/dist/components/UsageLabel/UsageLabel.tsx

@@ -2,6 +2,8 @@ import cn from 'bem-cn-lite';
 
 import {Label, type LabelProps} from '@gravity-ui/uikit';
 
+import './UsageLabel.scss';
+
 const b = cn('ydb-usage-label');
 
 interface UsageLabelProps extends LabelProps {

package/dist/containers/Storage/StorageGroups/StorageGroups.scss

@@ -31,12 +31,6 @@
         width: 230px;
     }
 
-    &__usage-label {
-        &_overload {
-            color: var(--yc-color-text-light-primary);
-            background-color: var(--yc-color-base-danger-heavy);
-        }
-    }
     &__group-id {
         font-weight: 500;
     }

package/dist/containers/Storage/StorageGroups/getStorageGroupsColumns.tsx

@@ -13,6 +13,7 @@ import {stringifyVdiskId} from '../../../utils/dataFormatters/dataFormatters';
 import EntityStatus from '../../../components/EntityStatus/EntityStatus';
 import {Stack} from '../../../components/Stack/Stack';
 import {CellWithPopover} from '../../../components/CellWithPopover/CellWithPopover';
+import {UsageLabel} from '../../../components/UsageLabel/UsageLabel';
 import {VDisk} from '../VDisk';
 import {getDegradedSeverity, getUsageSeverityForStorageGroup} from '../utils';
 import i18n from './i18n';
@@ -128,12 +129,7 @@ const usageColumn: Column<PreparedStorageGroup> = {
         // without a limit the usage can be evaluated as 0,
         // but the absence of a value is more clear
         return row.Limit ? (
-            <Label
-                theme={getUsageSeverityForStorageGroup(row.Usage)}
-                className={b('usage-label', {overload: row.Usage >= 90})}
-            >
-                {row.Usage}%
-            </Label>
+            <UsageLabel value={row.Usage} theme={getUsageSeverityForStorageGroup(row.Usage)} />
         ) : (
             '-'
         );

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss

@@ -119,7 +119,7 @@
         }
     }
 
-    &__info {
+    &__storage-info {
         margin-bottom: 36px;
     }
 }

package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TenantStorage.tsx

@@ -62,7 +62,7 @@ export function TenantStorage({tenantName, metrics}: TenantStorageProps) {
     ];
     return (
         <>
-            <InfoViewer className={b('info')} title="Storage details" info={info} />
+            <InfoViewer className={b('storage-info')} title="Storage details" info={info} />
             <TopTables path={tenantName} />
             <TopGroups tenant={tenantName} />
         </>

package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.scss

@@ -39,6 +39,8 @@
     &__query {
         overflow: hidden;
 
+        width: 500px;
+
         vertical-align: top;
         white-space: pre-wrap;
         text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "4.20.1",
+  "version": "4.20.2",
   "files": [
     "dist"
   ],