xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 08:41:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(3d): animation error while switch page

Browse Source
This commit is contained in:
xfy
2025-05-23 02:38:52 +08:00
parent bbc4ba4eff
commit 32a931eaea
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/pages/nav-bar.tsx
View File

@ -52,7 +52,11 @@ const parentIdChecker = (el: HTMLElement | null): boolean => {
const HeadBar = () => { const HeadBar = () => {
const [showMenu, setShowMenu] = useState(false); const [showMenu, setShowMenu] = useState(false);
const resetNavbarHoverItems = useStore(
(state) => state.resetNavbarHoverItems,
);
const handleClick = () => { const handleClick = () => {
resetNavbarHoverItems();
setShowMenu((showMenu) => !showMenu); setShowMenu((showMenu) => !showMenu);
}; };

11
store/index.ts
View File

@ -16,6 +16,7 @@ interface MainStore {
about: boolean; about: boolean;
}; };
toggleNavbarHoverItems: (item: string) => void; toggleNavbarHoverItems: (item: string) => void;
resetNavbarHoverItems: () => void;
} }
const useStore = create<MainStore>()((set) => ({ const useStore = create<MainStore>()((set) => ({
@ -41,6 +42,16 @@ const useStore = create<MainStore>()((set) => ({
!state.navbarHoverItems[item], !state.navbarHoverItems[item],
}, },
})), })),
resetNavbarHoverItems: () =>
set(() => ({
navbarHoverItems: {
blog: false,
projects: false,
tags: false,
friends: false,
about: false,
},
})),
})); }));
export default useStore; export default useStore;