diff --git a/src/pages/dashboard/BlockDifficultyCard.tsx b/src/pages/dashboard/BlockDifficultyCard.tsx index 56fe0c4..9b431b7 100644 --- a/src/pages/dashboard/BlockDifficultyCard.tsx +++ b/src/pages/dashboard/BlockDifficultyCard.tsx @@ -94,7 +94,10 @@ suggestedMin: 100, suggestedMax: 100000, beginAtZero: true, - padding: 8 + padding: 8, + callback(value: number | string): string { + return Number(value).toLocaleString(); + } }, gridLines: { @@ -135,6 +138,23 @@ const [chartMode, setChartMode] = useState<"linear" | "logarithmic">("linear"); + function changeChartMode(value: "linear" | "logarithmic") { + // Persist the change to localStorage + debug("setting chart mode to %s", value); + localStorage.setItem("dashboard-difficulty-chart-mode", value); + setChartMode(value); + } + + // Load the chartMode from localStorage on startup if possible (done only on + // first render, because localStorage is blocking) + useEffect(() => { + const storedMode = localStorage.getItem("dashboard-difficulty-chart-mode"); + if (storedMode === "linear" || storedMode === "logarithmic") { + debug("using saved chart mode %s", storedMode); + setChartMode(storedMode); + } + }, []); + const fetchWorkOverTime = useMemo(() => trailingThrottleState(_fetchWorkOverTime, WORK_THROTTLE, false, setWorkOverTime, setError, setLoading), []); @@ -209,7 +229,7 @@