31 lines
810 B
TypeScript
31 lines
810 B
TypeScript
import { useEffect, useState } from "react";
|
|
import { WaybarWidget } from "../WaybarWidget";
|
|
import { clamp, randomMinMax } from "~/utils/math";
|
|
|
|
// start, min, max and variation are in %
|
|
// capacity is in Gb
|
|
|
|
export const WaybarRAMWidget = (props: {
|
|
start: number;
|
|
min: number;
|
|
max: number;
|
|
variation: number;
|
|
frequency: number;
|
|
capacity: number;
|
|
}) => {
|
|
const [usage, setUsage] = useState(props.start);
|
|
|
|
useEffect(() => {
|
|
const interval = setInterval(() => {
|
|
const offset = randomMinMax(-props.variation, props.variation + 1);
|
|
setUsage(x => clamp(x + offset, props.min, props.max));
|
|
}, props.frequency);
|
|
|
|
return () => clearInterval(interval);
|
|
});
|
|
|
|
// TODO: tooltip
|
|
// Memory - (capacity * usage).1f GB used
|
|
return <WaybarWidget> {usage}%</WaybarWidget>;
|
|
};
|