danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove animated transitions from I/O metrics

Browse source 
The AnimatedMetric wrapper was causing distracting slide-up/slide-down
animations on every websocket update. While visually interesting, the
high-frequency updates made the dashboard feel too busy. Replaced with
direct value display while maintaining color-coded speed indicators.
This commit is contained in:
rcourtman 2025-10-23 17:56:50 +00:00
parent 32cd925e1f
commit 5de564d945
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend-modern/src/components/Dashboard/IOMetric.tsx
View file

@ -1,6 +1,5 @@
import { createMemo, Show, createEffect, createSignal } from 'solid-js';
import { formatSpeed } from '@/utils/format';
import { AnimatedMetric } from '@/components/shared/AnimatedMetric';
interface IOMetricProps {
value: (() => number) | number;
@ -42,7 +41,7 @@ export function IOMetric(props: IOMetricProps) {
fallback={<div class="min-h-[24px] flex items-center text-sm text-gray-400">-</div>}
>
<div class={`min-h-[24px] text-sm font-mono ${colorClass()} flex items-center`}>
<AnimatedMetric value={currentValue()} formatter={(v) => formatSpeed(v, 0)} />
{formatSpeed(currentValue(), 0)}
</div>
</Show>
);