fix: label

Author: astandrik

src/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.tsx

@@ -116,7 +116,7 @@ export function MetricsTabs({
                         active={activeTab === TENANT_METRICS_TABS_IDS.cpu}
                         helpText={i18n('context_cpu-description')}
                         variant={cardVariant}
-                        subtitle={isServerless ? i18n('serverless.autoscaled') : undefined}
+                        subtitle={isServerless ? i18n('context_serverless-autoscaled') : undefined}
                     />
                 </Link>
             </div>
@@ -136,7 +136,7 @@ export function MetricsTabs({
                         variant={cardVariant}
                         subtitle={
                             isServerless && storageMetrics.totalLimit
-                                ? i18n('serverless.storage-subtitle', {
+                                ? i18n('context_serverless-storage-subtitle', {
                                       groups: String(storageGroupsCount ?? 0),
                                       legend: formatStorageLegend({
                                           value: storageMetrics.totalUsed,

src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.scss

@@ -24,18 +24,8 @@
         line-height: 24px;
     }
 
-    &__serverless-tag {
-        margin-left: var(--g-spacing-2);
-        padding: 2px var(--g-spacing-2);
-
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: var(--g-border-radius-s);
-    }
-
     &__serverless-tag-label {
-        display: flex;
-        align-items: center;
-        gap: var(--g-spacing-1);
+        margin-left: var(--g-spacing-2);
     }
 
     &__info {

src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx

@@ -1,7 +1,6 @@
-import {Button, Flex, Icon} from '@gravity-ui/uikit';
+import {Button, Flex, HelpMark, Icon, Label} from '@gravity-ui/uikit';
 
 import {EntityStatus} from '../../../../components/EntityStatus/EntityStatus';
-import {LabelWithPopover} from '../../../../components/LabelWithPopover/LabelWithPopover';
 import {LoaderWrapper} from '../../../../components/LoaderWrapper/LoaderWrapper';
 import {QueriesActivityBar} from '../../../../components/QueriesActivityBar/QueriesActivityBar';
 import {useDatabasesAvailable} from '../../../../store/reducers/capabilities/hooks';
@@ -122,11 +121,14 @@ export function TenantOverview({
                 />
                 {isServerless ? (
                     <div className={b('serverless-tag')}>
-                        <LabelWithPopover
-                            className={b('serverless-tag-label')}
-                            text={i18n('serverless.label')}
-                            popoverContent={i18n('serverless.tooltip')}
-                        />
+                        <Label theme="clear" size="s" className={b('serverless-tag-label')}>
+                            <Flex alignItems="center" gap="2">
+                                {i18n('value_serverless')}
+                                <HelpMark iconSize="s" className={b('serverless-tag-tooltip')}>
+                                    {i18n('context_serverless-tooltip')}
+                                </HelpMark>
+                            </Flex>
+                        </Label>
                     </div>
                 ) : null}
             </Flex>

src/containers/Tenant/Diagnostics/TenantOverview/i18n/en.json

@@ -36,10 +36,10 @@
   "title_memory-details": "Memory Details",
   "field_memory-usage": "Memory usage",
   "context_capacity-usage": "{{value}} of {{capacity}}",
-  "network-stats-unavailable.title": "Network Statistics Unavailable",
-  "network-stats-unavailable.description": "Network ping and clock skew statistics require a newer backend version. Please upgrade your YDB installation to access these features.",
-  "serverless.label": "Serverless",
-  "serverless.tooltip": "Some metrics are hidden in Serverless mode — resources scale automatically based on workload",
-  "serverless.autoscaled": "Auto-Scaled Resources",
-  "serverless.storage-subtitle": "{{legend}} | {{groups}} groups"
+  "title_network-stats-unavailable": "Network Statistics Unavailable",
+  "context_network-stats-unavailable": "Network ping and clock skew statistics require a newer backend version. Please upgrade your YDB installation to access these features.",
+  "value_serverless": "Serverless",
+  "context_serverless-tooltip": "Some metrics are hidden in Serverless mode — resources scale automatically based on workload",
+  "context_serverless-autoscaled": "Auto-Scaled Resources",
+  "context_serverless-storage-subtitle": "{{legend}} | {{groups}} groups"
 }