luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(electron): system theme (#2237)

Browse Source
This commit is contained in:
Himself65
2023-05-04 22:22:53 -05:00
committed by GitHub
parent f7d1d922fa
commit 4a50fe584c
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/web/src/providers/ThemeProvider.tsx
View File

@@ -2,17 +2,19 @@ import type { ThemeProviderProps } from '@affine/component';
import { ThemeProvider as NextThemeProvider, useTheme } from 'next-themes'; import { ThemeProvider as NextThemeProvider, useTheme } from 'next-themes';
import type { PropsWithChildren } from 'react'; import type { PropsWithChildren } from 'react';
import type React from 'react'; import type React from 'react';
import { memo, useEffect } from 'react'; import { memo, useRef } from 'react';
const themes = ['dark', 'light']; const themes = ['dark', 'light'];
const DesktopThemeSync = memo(function DesktopThemeSync() { const DesktopThemeSync = memo(function DesktopThemeSync() {
const { resolvedTheme } = useTheme(); const { theme } = useTheme();
useEffect(() => { const lastThemeRef = useRef(theme);
if (environment.isDesktop) { if (lastThemeRef.current !== theme) {
window.apis?.onThemeChange(resolvedTheme === 'dark' ? 'dark' : 'light'); if (environment.isDesktop && theme) {
window.apis?.onThemeChange(theme);
}
lastThemeRef.current = theme;
} }
}, [resolvedTheme]);
return null; return null;
}); });