Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-01-10 16:21:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor ordering of constructing theme

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-11-06 09:44:06 -08:00
parent 8108c4146b
commit eb923b4e6f
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 14 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/App.tsx
View File

@ -12,23 +12,8 @@ import i18n from './i18n/Web';
import { systemClient } from './services/System'; import { systemClient } from './services/System';
import { Settings } from './models'; import { Settings } from './models';
const defaultTheme: Theme = createTheme({ const makeTheme = function (settings: Settings) {
palette: { const theme: Theme = createTheme({
mode: new Settings().mode,
background: {
default: new Settings().mode === 'dark' ? '#070707' : '#fff',
},
},
typography: { fontSize: new Settings().fontSize },
});
const App = (): JSX.Element => {
const [theme, setTheme] = useState<Theme>(defaultTheme);
const [settings, setSettings] = useState<Settings>(new Settings());
const updateTheme = function () {
setTheme(
createTheme({
palette: { palette: {
mode: settings.mode, mode: settings.mode,
background: { background: {
@ -36,12 +21,17 @@ const App = (): JSX.Element => {
}, },
}, },
typography: { fontSize: settings.fontSize }, typography: { fontSize: settings.fontSize },
}), });
);
return theme;
}; };
const App = (): JSX.Element => {
const [theme, setTheme] = useState<Theme>(makeTheme(new Settings()));
const [settings, setSettings] = useState<Settings>(new Settings());
useEffect(() => { useEffect(() => {
updateTheme(); setTheme(makeTheme(settings));
}, [settings.fontSize, settings.mode]); }, [settings.fontSize, settings.mode]);
useEffect(() => { useEffect(() => {