Fixed: Artists table not resizing properly when window size changed

(cherry picked from commit d923d3f106d30d68fd04ddae2a201de041705163)

Closes #3373
pull/4256/head
Mark McDowall 1 year ago committed by Bogdan
parent 0f5002338b
commit 77cfd19c43

@ -96,6 +96,8 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
const listRef: React.MutableRefObject<List> = useRef();
const [measureRef, bounds] = useMeasure();
const [size, setSize] = useState({ width: 0, height: 0 });
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;
const rowHeight = useMemo(() => {
return showBanners ? 70 : 38;
@ -106,8 +108,8 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
if (isSmallScreen) {
setSize({
width: window.innerWidth,
height: window.innerHeight,
width: windowWidth,
height: windowHeight,
});
return;
@ -120,10 +122,10 @@ function ArtistIndexTable(props: ArtistIndexTableProps) {
setSize({
width: width - padding * 2,
height: window.innerHeight,
height: windowHeight,
});
}
}, [isSmallScreen, scrollerRef, bounds]);
}, [isSmallScreen, windowWidth, windowHeight, scrollerRef, bounds]);
useEffect(() => {
const currentScrollListener = isSmallScreen ? window : scrollerRef.current;

Loading…
Cancel
Save