apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

fix(gui): improve render performance

This commit is contained in:
Sean Sube 2023-04-16 23:09:00 -05:00
parent ec7315fc36
commit 64ea060ec9
Signed by: ssube
GPG Key ID: 3EED7B957D362AF1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
gui/src/components/OnnxWeb.tsx
View File

@ -22,15 +22,15 @@ import { getTab, getTheme, TAB_LABELS } from './utils.js';
export function OnnxWeb() { export function OnnxWeb() {
/* checks for system light/dark mode preference */ /* checks for system light/dark mode preference */
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)'); const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
const state = useStore(mustExist(useContext(StateContext))); const stateTheme = useStore(mustExist(useContext(StateContext)), (s) => s.theme);
const theme = useMemo( const theme = useMemo(
() => createTheme({ () => createTheme({
palette: { palette: {
mode: getTheme(state.theme, prefersDarkMode), mode: getTheme(stateTheme, prefersDarkMode),
}, },
}), }),
[prefersDarkMode, state.theme], [prefersDarkMode, stateTheme],
); );
const [hash, setHash] = useHash(); const [hash, setHash] = useHash();