Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-27 10:42:36 +01:00
Code Issues Projects Releases Wiki Activity

fix (sidebar): make the bar more responsive

Browse source
This commit is contained in:
Mickael Kerjean 2022-10-11 08:10:30 +11:00
parent f3eaf35d84
commit 0774023ace
1 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/pages/filespage/sidebar.js
View file

@ -13,18 +13,14 @@ export function Sidebar({ path }) {
const [isDisplayed, setIsDisplayed] = useState(document.body.clientWidth > 1250)
const onToggleHandler = () => {
settings_put("filespage_show_tree", !isOn);
setIsOn(!isOn);
requestAnimationFrame(() => settings_put("filespage_show_tree", !isOn));
};
useEffect(() => {
const onResizeHandler = () => {
setIsDisplayed(document.body.clientWidth > 1250);
};
const onResizeHandler = () => setIsDisplayed(document.body.clientWidth > 1250);
window.addEventListener("resize", onResizeHandler);
return () => {
window.removeEventListener("resize", onResizeHandler);
}
return () => window.removeEventListener("resize", onResizeHandler);
}, []);
return isDisplayed && (