fix: rename i18n to naming conventions

Author: astandrik

src/components/QueriesActivityBar/QueriesActivityBar.tsx

@@ -117,14 +117,14 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                             <Flex justifyContent="space-between" className={b('content-wrapper')}>
                                 <Flex direction="column" className={b('title-section')}>
                                     <Text variant="subheader-2" className={b('title')}>
-                                        {i18n('title')}
+                                        {i18n('title_queries-activity')}
                                     </Text>
                                     <Text
                                         color="secondary"
                                         variant="caption-2"
                                         className={b('subtitle')}
                                     >
-                                        {i18n('subtitle')}
+                                        {i18n('context_monitor-changes-realtime')}
                                     </Text>
                                 </Flex>
 
@@ -143,7 +143,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                         icon={<Icon data={Rocket} size={14} />}
                                         value={formatTrendValue(qps.trend.value)}
                                     >
-                                        {i18n('per-sec', {count: qps.value})}
+                                        {i18n('value_per-sec', {count: qps.value})}
                                     </Label>
 
                                     <Label
@@ -152,7 +152,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                         icon={<Icon data={Clock} size={14} />}
                                         value={formatTrendValue(latency.trend.value)}
                                     >
-                                        {i18n('ms', {time: latency.value})}
+                                        {i18n('value_ms', {time: latency.value})}
                                     </Label>
                                 </div>
                             </Flex>
@@ -171,7 +171,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                 size="s"
                                 value={String(runningQueriesCount)}
                             >
-                                {i18n('running-queries')}
+                                {i18n('field_running-queries')}
                             </Label>
 
                             <Label
@@ -180,7 +180,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                 size="s"
                                 value={String(uniqueApplications)}
                             >
-                                {i18n('applications')}
+                                {i18n('field_applications')}
                             </Label>
 
                             <Label
@@ -189,7 +189,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                 size="s"
                                 value={String(uniqueUsers)}
                             >
-                                {i18n('users')}
+                                {i18n('field_users')}
                             </Label>
 
                             <Button
@@ -198,7 +198,7 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                 onClick={handleOpenRunningQueries}
                                 className={b('open-queries-button')}
                             >
-                                {i18n('open-running-queries')}
+                                {i18n('action_open-running-queries')}
                             </Button>
                         </div>
                     </div>

src/components/QueriesActivityBar/i18n/en.json

@@ -1,10 +1,10 @@
 {
-  "title": "Queries Activity",
-  "subtitle": "Monitor changes in real time",
-  "per-sec": "{{count}} per sec",
-  "ms": "{{time}} ms",
-  "running-queries": "Running Queries",
-  "applications": "Applications",
-  "users": "Users",
-  "open-running-queries": "Open Running Queries"
+  "title_queries-activity": "Queries Activity",
+  "context_monitor-changes-realtime": "Monitor changes in real time",
+  "value_per-sec": "{{count}} per sec",
+  "value_ms": "{{time}} ms",
+  "field_running-queries": "Running Queries",
+  "field_applications": "Applications",
+  "field_users": "Users",
+  "action_open-running-queries": "Open Running Queries"
 }

src/components/TimeFrameDropdown/TimeFrameDropdown.tsx

@@ -10,6 +10,21 @@ import type {TimeFrame} from '../../utils/timeframes';
 
 import i18n from './i18n';
 
+const getTimeFrameLabel = (timeFrame: TimeFrame) => {
+    switch (timeFrame) {
+        case '30m':
+            return i18n('value_30m');
+        case '1h':
+            return i18n('value_1h');
+        case '1d':
+            return i18n('value_1d');
+        case '1w':
+            return i18n('value_1w');
+        default:
+            return timeFrame;
+    }
+};
+
 const b = cn('ydb-timeframe-dropdown');
 
 interface TimeFrameDropdownProps {
@@ -30,15 +45,15 @@ export const TimeFrameDropdown = ({
     const items = React.useMemo(
         () =>
             Object.keys(TIMEFRAMES).map((timeFrame) => ({
-                text: i18n(timeFrame as TimeFrame),
+                text: getTimeFrameLabel(timeFrame as TimeFrame),
                 action: () => onChange(timeFrame as TimeFrame),
             })),
         [onChange],
     );
 
     const renderSwitcher = (props: ButtonProps) => (
         <Button {...props} size={size} view={view} className={b(null, className)}>
-            {i18n(value)}
+            {getTimeFrameLabel(value)}
             <Icon data={ChevronDown} size={12} />
         </Button>
     );

src/components/TimeFrameDropdown/i18n/en.json

@@ -1,6 +1,6 @@
 {
-  "30m": "Last 30 min",
-  "1h": "Last hour",
-  "1d": "Last day",
-  "1w": "Last week"
+  "value_30m": "Last 30 min",
+  "value_1h": "Last hour",
+  "value_1d": "Last day",
+  "value_1w": "Last week"
 }