status.jsx

import DateTime from "./lib/DateTime.jsx";
import Battery from "./lib/Battery.jsx";
import Cpu from "./lib/Cpu.jsx";
import Wifi from "./lib/Wifi.jsx";
import Dnd from "./lib/Dnd.jsx";
import Error from "./lib/Error.jsx";
import Spotify from "./lib/Spotify.jsx";
import parse from "./lib/parse.jsx";
import styles from "./lib/styles.jsx";

const style = {
    display: "grid",
    padding: "0 12px",
    gridAutoFlow: "column",
    gridGap: "20px",
    position: "fixed",
    overflow: "hidden",
    right: "0px",
    top: "0px",
    color: styles.colors.dim,
    fontFamily: styles.fontFamily,
    fontSize: styles.fontSize,
    lineHeight: styles.lineHeight,
    fontWeight: styles.fontWeight
};


export const refreshFrequency = 10000;
export const command = "./ayu-nibar/scripts/status.sh";

export const updateState = (event, previousState) => {
    if (event.error) {
        return {...previousState, error: `Received error: ${event.error}`}
    }

    const data = parse(event.output)
    if (typeof data === "undefined") {
        return {...previousState, error: "Failed to parse output of command"}
    }

    return { output: data }
}

export const render = ({ output, error }) => {
    if (error) {
        console.log(error)
    }

    return (
        <div>
            <div style={style}>
                <Cpu output={output.cpu} />
                <Wifi output={output.wifi} />
                <Battery output={output.battery} />
                <DateTime output={output.datetime} />
                <Dnd output={output.dnd} />
            </div>
        </div>
    );
};

export default null;