Elijah/drive
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(frontend): update Share interface property from download_count to downloads
All checks were successful
Automated Container Build / build-and-push (push) Successful in 3m25s
Details

Browse source
This commit is contained in:
Elijah 2026-05-26 14:54:50 -07:00
parent ed3eed6bb7
commit 1f83d57942
21 changed files with 241 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/hooks/useIsMobile.ts
View file

@ -2,23 +2,20 @@ import { useState, useEffect } from 'react';
const MOBILE_BREAKPOINT = 768;
export function useIsMobile() {
export function useIsMobile(breakpoint = 768) {
const [isMobile, setIsMobile] = useState<boolean>(false);
const [hasMounted, setHasMounted] = useState(false);
useEffect(() => {
// Initial check
const checkIsMobile = () => {
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
};
checkIsMobile();
setHasMounted(true);
const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
setIsMobile(mql.matches);
// Add resize listener
window.addEventListener('resize', checkIsMobile);
// Cleanup
return () => window.removeEventListener('resize', checkIsMobile);
}, []);
const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);
mql.addEventListener('change', handler);
return () => mql.removeEventListener('change', handler);
}, [breakpoint]);
if (!hasMounted) return false;
return isMobile;
}