Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 07:55:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Sidebars not working

Browse Source
This commit is contained in:
Meierschlumpf
2023-01-06 23:50:08 +01:00
parent 9608452bed
commit d26128af0e
8 changed files with 366 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/hooks/use-resize.ts
View File

@@ -1,17 +1,22 @@
import { useCallback, useEffect, useState, MutableRefObject } from 'react';
import { MutableRefObject, useCallback, useEffect, useState } from 'react';
export const useResize = (myRef: MutableRefObject<HTMLDivElement | null>, dependencies: any[]) => {
const [width, setWidth] = useState(0);
const [height, setHeight] = useState(0);
const handleResize = useCallback(() => {
setWidth(myRef.current?.offsetWidth ?? 0);
setHeight(myRef.current?.offsetHeight ?? 0);
if (!myRef.current) return;
setWidth(myRef.current.offsetWidth);
setHeight(myRef.current.offsetHeight);
}, [myRef]);
useEffect(() => {
window.addEventListener('load', handleResize);
window.addEventListener('resize', handleResize);
window.addEventListener('load', () =>
handleResize()
);
window.addEventListener('resize', () =>
handleResize()
);
return () => {
window.removeEventListener('load', handleResize);