From e7c405ca1d42dde71851c6874842574800cc7ff9 Mon Sep 17 00:00:00 2001 From: Pihkaal Date: Thu, 22 Aug 2024 18:26:15 +0200 Subject: [PATCH] fix: disk usage state and cava bar count --- src/components/Music/Cava.tsx | 4 ++-- src/components/Waybar/Widgets/WaybarDiskWidget.tsx | 6 ++++-- src/components/Waybar/index.tsx | 2 +- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/Music/Cava.tsx b/src/components/Music/Cava.tsx index 80f8bc0..98f8eae 100644 --- a/src/components/Music/Cava.tsx +++ b/src/components/Music/Cava.tsx @@ -66,7 +66,7 @@ const InnerCava = (props: InnerKittyProps) => { const analyserRef = useRef(null); const audioContextRef = useRef(null); const [barHeights, setBarHeights] = useState( - new Array(Math.round(props.cols / 3)).fill(0), + new Array(Math.floor(props.cols / 3)).fill(0), ); const requestRef = useRef(); @@ -77,7 +77,7 @@ const InnerCava = (props: InnerKittyProps) => { const dataArray = new Uint8Array(bufferLength); analyserRef.current.getByteFrequencyData(dataArray); - const barCount = Math.round(props.cols / 3); + const barCount = Math.floor(props.cols / 3); const newBarHeights = []; for (let i = 0; i < barCount; i++) { diff --git a/src/components/Waybar/Widgets/WaybarDiskWidget.tsx b/src/components/Waybar/Widgets/WaybarDiskWidget.tsx index db232a8..e2f91a9 100644 --- a/src/components/Waybar/Widgets/WaybarDiskWidget.tsx +++ b/src/components/Waybar/Widgets/WaybarDiskWidget.tsx @@ -1,3 +1,4 @@ +import { useState } from "react"; import { WaybarWidget } from "../WaybarWidget"; import { randomMinMax } from "~/utils/math"; @@ -8,8 +9,9 @@ export const WaybarDiskWidget = (props: { variation: number; capacity: number; }) => { - const value = - props.current + randomMinMax(-props.variation, props.variation + 1); + const [value] = useState( + props.current + randomMinMax(-props.variation, props.variation + 1), + ); const usage = Math.round((value / props.capacity) * 100); return ( diff --git a/src/components/Waybar/index.tsx b/src/components/Waybar/index.tsx index 24496f0..6982b76 100644 --- a/src/components/Waybar/index.tsx +++ b/src/components/Waybar/index.tsx @@ -43,7 +43,7 @@ export const Waybar = () => { frequency={5000 + randomMinMax(-100, 100)} min={18} max={40} - start={randomMinMax(20, 30)} + start={1 + randomMinMax(20, 30)} capacity={16} />