components.widgets.Tiles.utils.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

There is a newer version: 7.28.3

const getResolution = (width) => {
    const mods = {
        isMobile: false,
        isTablet: false,
        isDesktop: false,
    }

    const resolution = {
        isMobile: width < 767,
        isTablet: width < 1367,
        isDesktop: width > 1368,
    }

    if (resolution.isMobile) {
        mods.isMobile = true
    } else if (resolution.isTablet) {
        mods.isTablet = true
    } else {
        mods.isDesktop = true
    }

    return mods
}

export default function calcCols(sm, md, lg, width) {
    const { isMobile, isTablet } = getResolution(width)

    let col

    if (isMobile) {
        col = sm
    } else if (isTablet) {
        col = md
    } else {
        col = lg
    }

    return Math.round(12 / col)
}