36 lines
708 B
JavaScript
36 lines
708 B
JavaScript
let deviceState = {
|
|
isMobile: false,
|
|
isTablet: false,
|
|
isLaptop: false
|
|
}
|
|
|
|
function detectDeviceState () {
|
|
if (window.innerWidth <= 425) {
|
|
deviceState = {
|
|
isMobile: true,
|
|
isTablet: false,
|
|
isLaptop: false
|
|
}
|
|
} else if (window.innerWidth <= 768) {
|
|
deviceState = {
|
|
isMobile: false,
|
|
isTablet: true,
|
|
isLaptop: false
|
|
}
|
|
} else {
|
|
deviceState = {
|
|
isMobile: false,
|
|
isTablet: false,
|
|
isLaptop: true
|
|
}
|
|
}
|
|
}
|
|
|
|
detectDeviceState()
|
|
window.addEventListener('resize', detectDeviceState)
|
|
|
|
// returns a copy of the device state
|
|
// so other parts of code can't override this.
|
|
export function getDeviceState () {
|
|
return { ...deviceState }
|
|
}
|