state-management-utilities
Version:
State management utilities
17 lines (16 loc) • 1.14 kB
JavaScript
import React from "react";
import { useHandlers } from "../providers/HandlersProvider";
import { restoreStates } from "../providers/LogsProvider";
import { useSelectedLog } from "../providers/SelectedLogProvider";
import { useStyles } from "../providers/StylesProvider";
export function Restore() {
const [selectedLog] = useSelectedLog();
const userRestore = useHandlers()?.onRestore;
const styles = useStyles();
const onRestore = React.useCallback(() => {
return userRestore ? userRestore(selectedLog) : restoreStates(selectedLog);
}, [selectedLog, userRestore]);
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: styles["dashboard-icon"], onClick: onRestore },
React.createElement("title", null, "Restore State"),
React.createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm-2 16c-2.05 0-3.81-1.24-4.58-3h1.71c.63.9 1.68 1.5 2.87 1.5 1.93 0 3.5-1.57 3.5-3.5S13.93 9.5 12 9.5c-1.35 0-2.52.78-3.1 1.9l1.6 1.6h-4V9l1.3 1.3C8.69 8.92 10.23 8 12 8c2.76 0 5 2.24 5 5s-2.24 5-5 5z" })));
}