state-management-utilities
Version:
State management utilities
14 lines (13 loc) • 942 B
JavaScript
import React from "react";
import PulseLoader from "react-spinners/PulseLoader.js";
import { useLogs } from "../providers/LogsProvider";
import { useStyles } from "../providers/StylesProvider";
export function LogsStatus() {
const { isUpdating, logs, isEnabled } = useLogs();
const styles = useStyles();
return (React.createElement("h2", { className: `${styles["dashboard-status"]} ${styles["dashboard-status-font"]}` }, !isEnabled ? (React.createElement("span", { style: { color: "red" } }, "Disabled")) : isUpdating ? (React.createElement(React.Fragment, null,
React.createElement("span", null, "Updating"),
React.createElement("span", null,
React.createElement(PulseLoader, { color: "white", size: "0.75rem", speedMultiplier: 0.65, className: styles["dashboard-status-processing"] })))) : (React.createElement("span", null,
React.createElement("span", null, `${logs.length} Records`)))));
}