markus/next-ory
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/next-ory.git synced 2025-07-02 04:59:17 +00:00
Code Releases Packages Activity

NORY-8: add shadcn-ui sidebar component

Browse source
This commit is contained in:
Markus Thielker 2024-11-30 21:24:37 +01:00
parent 71c7d6fda0
commit 7d04a8faa1
No known key found for this signature in database
8 changed files with 1179 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

19
dashboard/src/hooks/use-mobile.tsx Normal file
View file

@ -0,0 +1,19 @@
import * as React from 'react';
const MOBILE_BREAKPOINT = 768;
export function useIsMobile() {
const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);
React.useEffect(() => {
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
const onChange = () => {
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
};
mql.addEventListener('change', onChange);
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
return () => mql.removeEventListener('change', onChange);
}, []);
return !!isMobile;
}