25 lines
670 B
JavaScript
25 lines
670 B
JavaScript
import { size } from "../../utils/device";
|
|
|
|
const getCurrentSizeName = () => {
|
|
const innerWidth = window.innerWidth;
|
|
return innerWidth > size.tablet
|
|
? "desktop"
|
|
: innerWidth <= size.tablet && innerWidth > size.smallTablet
|
|
? "tablet"
|
|
: innerWidth <= size.smallTablet && innerWidth > size.mobile
|
|
? "smallTablet"
|
|
: "mobile";
|
|
};
|
|
|
|
export const getCurrentDisplayType = (
|
|
propsDisplayType,
|
|
propsDisplayTypeDetailed
|
|
) => {
|
|
if (!propsDisplayTypeDetailed) return propsDisplayType;
|
|
|
|
const detailedDisplayType = propsDisplayTypeDetailed[getCurrentSizeName()];
|
|
|
|
if (detailedDisplayType) return detailedDisplayType;
|
|
return propsDisplayType;
|
|
};
|