mirror of
https://github.com/maelgangloff/domain-watchdog.git
synced 2025-12-18 02:05:36 +00:00
20 lines
552 B
TypeScript
20 lines
552 B
TypeScript
import { Breakpoint, theme } from 'antd';
|
|
import { useMediaQuery } from 'react-responsive';
|
|
|
|
const { useToken } = theme;
|
|
|
|
type ScreenProperty = 'screenXXL' | 'screenXL' | 'screenLG' | 'screenMD' | 'screenSM' | 'screenXS';
|
|
|
|
const propertyName = (breakpoint: Breakpoint): ScreenProperty => {
|
|
return 'screen' + breakpoint.toUpperCase() as ScreenProperty
|
|
};
|
|
|
|
export default function useBreakpoint(
|
|
breakpoint: Breakpoint
|
|
) {
|
|
const { token } = useToken()
|
|
const width: number = token[propertyName(breakpoint)]
|
|
|
|
return useMediaQuery({maxWidth: width})
|
|
}
|