@extrawest/firebase-chat-list-component/lib/esm/hooks/useIsResponsive.js

React Firebase Chat List Component

import { useTheme, useMediaQuery } from '@material-ui/core';
export const useIsResponsive = (breakpoint) => {
    const theme = useTheme();
    const isTabletResponsive = useMediaQuery(theme.breakpoints.between("md", breakpoint), {
        defaultMatches: true
    });
    const isLargeTabletResponsive = useMediaQuery(theme.breakpoints.between("md", breakpoint), {
        defaultMatches: true
    });
    const isDesktopResponsive = useMediaQuery(theme.breakpoints.between("lg", breakpoint), {
        defaultMatches: true
    });
    const isMobileResponsive = useMediaQuery(theme.breakpoints.down(breakpoint), {
        defaultMatches: true
    });
    if (breakpoint === "md") {
        return isTabletResponsive;
    }
    if (breakpoint === "lg") {
        return isLargeTabletResponsive;
    }
    if (breakpoint === "xl") {
        return isDesktopResponsive;
    }
    if (breakpoint === "sm") {
        return isMobileResponsive;
    }
};