fix(gui): improve render performance
This commit is contained in:
parent
ec7315fc36
commit
64ea060ec9
|
@ -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();
|
||||||
|
|
Loading…
Reference in New Issue