modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Merge pull request #207 from samuel871211/perf_useTheme

Browse source 
perf: add `useMemo` to the return value of `useTheme`
This commit is contained in:
Cliff Hall 2025-03-28 17:47:59 -04:00 • committed by GitHub
commit dd0434c4ed
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

20
client/src/lib/useTheme.ts
View file

@ -1,4 +1,4 @@
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useMemo, useState } from "react";
type Theme = "light" | "dark" | "system"; type Theme = "light" | "dark" | "system";
@ -36,16 +36,14 @@ const useTheme = (): [Theme, (mode: Theme) => void] => {
}; };
}, [theme]); }, [theme]);
return [ const setThemeWithSideEffect = useCallback((newTheme: Theme) => {
theme, setTheme(newTheme);
useCallback((newTheme: Theme) => { localStorage.setItem("theme", newTheme);
setTheme(newTheme); if (newTheme !== "system") {
localStorage.setItem("theme", newTheme); document.documentElement.classList.toggle("dark", newTheme === "dark");
if (newTheme !== "system") { }
document.documentElement.classList.toggle("dark", newTheme === "dark"); }, []);
} return useMemo(() => [theme, setThemeWithSideEffect], [theme]);
}, []),
];
}; };
export default useTheme; export default useTheme;