Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-14 05:14:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: theme not being persisted issue (#2283)

Browse Source
This commit is contained in:
Peng Xiao
2023-05-10 11:04:36 +08:00
committed by himself65
parent cf6341d00b
commit 64f4e634e8
21 changed files with 359 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/web/src/providers/theme-provider.tsx
View File

@@ -1,19 +1,22 @@
import type { ThemeProviderProps } from '@affine/component';
import { ThemeProvider as NextThemeProvider, useTheme } from 'next-themes';
import type { PropsWithChildren } from 'react';
import type React from 'react';
import { memo, useRef } from 'react';
const themes = ['dark', 'light'];
// a workaround to sync theme to electron
let firstRender = true;
const DesktopThemeSync = memo(function DesktopThemeSync() {
const { theme } = useTheme();
const lastThemeRef = useRef(theme);
if (lastThemeRef.current !== theme) {
if (lastThemeRef.current !== theme || firstRender) {
if (environment.isDesktop && theme) {
window.apis?.ui.handleThemeChange(theme as 'dark' | 'light' | 'system');
}
lastThemeRef.current = theme;
firstRender = false;
}
return null;
});