fix: nanofix

Author: astandrik

src/components/QueriesActivityBar/utils.ts

@@ -19,19 +19,18 @@ export interface MetricCalculationResult {
  * Calculate queries per second metrics from chart data
  */
 export const calculateQueriesPerSecond = (data?: (number | null)[]): MetricCalculationResult => {
+    const emptyFallback = {
+        value: FALLBACK_VALUE.toFixed(0),
+        trend: {value: FALLBACK_VALUE, direction: TrendDirection.Up},
+    };
+
     if (!data) {
-        return {
-            value: FALLBACK_VALUE.toFixed(0),
-            trend: {value: FALLBACK_VALUE, direction: TrendDirection.Up},
-        };
+        return emptyFallback;
     }
 
     // Safe array access with length validation
     if (data.length === 0) {
-        return {
-            value: FALLBACK_VALUE.toFixed(0),
-            trend: {value: FALLBACK_VALUE, direction: TrendDirection.Up},
-        };
+        return emptyFallback;
     }
 
     const current = data[data.length - 1] ?? FALLBACK_VALUE;

src/components/TimeFrameDropdown/TimeFrameDropdown.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {ChevronDown} from '@gravity-ui/icons';
 import type {ButtonProps} from '@gravity-ui/uikit';
 import {Button, DropdownMenu, Icon} from '@gravity-ui/uikit';
@@ -25,10 +27,14 @@ export const TimeFrameDropdown = ({
     size = 's',
     view = 'flat-secondary',
 }: TimeFrameDropdownProps) => {
-    const items = Object.keys(TIMEFRAMES).map((timeFrame) => ({
-        text: i18n(timeFrame as TimeFrame),
-        action: () => onChange(timeFrame as TimeFrame),
-    }));
+    const items = React.useMemo(
+        () =>
+            Object.keys(TIMEFRAMES).map((timeFrame) => ({
+                text: i18n(timeFrame as TimeFrame),
+                action: () => onChange(timeFrame as TimeFrame),
+            })),
+        [onChange],
+    );
 
     const renderSwitcher = (props: ButtonProps) => (
         <Button {...props} size={size} view={view} className={b(null, className)}>