alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 20:34:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: mobile side bar auto collapsing

Browse source
This commit is contained in:
Jing Hua 2023-04-01 23:21:44 +08:00
parent b868e713d0
commit fc95eecc11
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Menu/Menu.tsx
View file

@ -1,4 +1,5 @@
import React, { useEffect } from 'react'; import React, { useEffect, useRef } from 'react';
import useStore from '@store/store'; import useStore from '@store/store';
import NewChat from './NewChat'; import NewChat from './NewChat';
@ -13,10 +14,16 @@ const Menu = () => {
const hideSideMenu = useStore((state) => state.hideSideMenu); const hideSideMenu = useStore((state) => state.hideSideMenu);
const setHideSideMenu = useStore((state) => state.setHideSideMenu); const setHideSideMenu = useStore((state) => state.setHideSideMenu);
const windowWidthRef = useRef<number>(window.innerWidth);
useEffect(() => { useEffect(() => {
if (window.innerWidth < 768) setHideSideMenu(true); if (window.innerWidth < 768) setHideSideMenu(true);
window.addEventListener('resize', () => { window.addEventListener('resize', () => {
if (window.innerWidth < 768) setHideSideMenu(true); if (
windowWidthRef.current !== window.innerWidth &&
window.innerWidth < 768
)
setHideSideMenu(true);
}); });
}, []); }, []);