xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 01:01:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev'

Browse Source
This commit is contained in:
DefectingCat
2022-10-12 16:30:25 +08:00
parent cc9bb758ed f8e564860c
commit d30c80c506
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/about.tsx
View File

@ -27,6 +27,27 @@ const About: NextPageWithLayout = () => {
}, 300);
};
// After model loading, set theme to dark mode.
const restore = useRef(false);
const { systemTheme, theme, setTheme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme;
const setDarkMode = () => {
if (!showLoading) return;
if (currentTheme === 'dark') return;
document.body.style.transition = 'all 1.2s ease-out';
setTheme('dark');
restore.current = true;
};
useEffect(
() => () => {
if (!restore.current) return;
setTheme('light');
document.body.style.transition = 'all 0.3s ease-out';
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
const init: InitFn = ({
scene,
controls,
@ -97,6 +118,7 @@ const About: NextPageWithLayout = () => {
.easing(TWEEN.Easing.Circular.Out);
setTimeout(() => {
enter.start();
setDarkMode();
}, 1000);
// Render animation
@ -131,28 +153,6 @@ const About: NextPageWithLayout = () => {
alpha: true,
});
// After model loading, set theme to dark mode.
const restore = useRef(false);
const { systemTheme, theme, setTheme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme;
useEffect(() => {
if (!loading) return;
if (currentTheme === 'dark') return;
setTimeout(() => {
setTheme('dark');
restore.current = true;
}, 1300);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [currentTheme, loading]);
useEffect(
() => () => {
if (!restore.current) return;
setTheme('light');
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
return (
<>
<div className="fixed top-0 left-0 -z-10">