fix: nanofixes

Author: astandrik

src/components/QueriesActivityBar/QueriesActivityBar.tsx

@@ -94,17 +94,17 @@ export function QueriesActivityBar({tenantName}: QueriesActivityBarProps) {
                                     theme="unknown"
                                     icon={<Icon data={Rocket} />}
                                     size="s"
-                                    value={formatTrendValue(qps?.trend?.value || 0)}
+                                    value={formatTrendValue(qps?.trend?.value ?? 0)}
                                 >
-                                    {i18n('value_per-sec', {count: qps?.value || '0'})}
+                                    {i18n('value_per-sec', {count: qps?.value ?? '0'})}
                                 </Label>
                                 <Label
                                     theme="unknown"
                                     icon={<Icon data={Clock} />}
                                     size="s"
-                                    value={formatTrendValue(latency?.trend?.value || 0)}
+                                    value={formatTrendValue(latency?.trend?.value ?? 0)}
                                 >
-                                    {i18n('value_ms', {time: latency?.value || '0'})}
+                                    {i18n('value_ms', {time: latency?.value ?? '0'})}
                                 </Label>
                             </div>
 

src/components/QueriesActivityBar/useQueriesActivityData.ts

@@ -8,6 +8,10 @@ import {chartApi} from '../MetricChart/reducer';
 
 import {calculateLatency, calculateQueriesPerSecond} from './utils';
 
+// Configuration constants for chart timeframes
+const QUERIES_TIME_FRAME: TimeFrame = '1h';
+const LATENCIES_TIME_FRAME: TimeFrame = '1h';
+
 interface UseQueriesActivityDataResult {
     runningQueriesCount: number;
     uniqueApplications: number;
@@ -18,8 +22,6 @@ interface UseQueriesActivityDataResult {
 
 export function useQueriesActivityData(tenantName: string): UseQueriesActivityDataResult {
     const [autoRefreshInterval] = useAutoRefreshInterval();
-    const [queriesTimeFrame] = React.useState<TimeFrame>('1h');
-    const [latenciesTimeFrame] = React.useState<TimeFrame>('1h');
 
     const shouldRefresh = autoRefreshInterval;
 
@@ -35,7 +37,7 @@ export function useQueriesActivityData(tenantName: string): UseQueriesActivityDa
         {
             database: tenantName,
             metrics: [{target: 'queries.requests'}],
-            timeFrame: queriesTimeFrame,
+            timeFrame: QUERIES_TIME_FRAME,
             maxDataPoints: 30,
         },
         {pollingInterval: shouldRefresh},
@@ -45,7 +47,7 @@ export function useQueriesActivityData(tenantName: string): UseQueriesActivityDa
         {
             database: tenantName,
             metrics: [{target: 'queries.latencies.p99'}],
-            timeFrame: latenciesTimeFrame,
+            timeFrame: LATENCIES_TIME_FRAME,
             maxDataPoints: 30,
         },
         {pollingInterval: shouldRefresh},