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} />