FrontEnd/src/components/hooks/responsive.ts


1
2
3
4
5
6
7

import { useMediaQuery } from "react-responsive";

import { breakpoints } from "../breakpoints";

export function useMobile(onChange?: (mobile: boolean) => void): boolean {
  return useMediaQuery({ maxWidth: breakpoints.sm }, undefined, onChange);
}