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 { createMemo, Show, createEffect, createSignal } from 'solid-js';
import { formatSpeed } from '@/utils/format'; import { formatSpeed } from '@/utils/format';
import { AnimatedMetric } from '@/components/shared/AnimatedMetric';
interface IOMetricProps { interface IOMetricProps {
value: (() => number) | number; 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>} 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`}> <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> </div>
</Show> </Show>
); );