Shuunen/c-est-donne

View on GitHub
src/plugins/responsive.plugin.ts

Summary

Maintainability
A
0 mins
Test Coverage
import { debounce, on } from 'shuutils'
import { state } from '../state'
import { log } from '../utils/logger.utils'
import { Display } from '../utils/tabs.utils'

const showListUnder = 700

function onResizeSync (): void {
  log('on resize, window.innerWidth', window.innerWidth)
  if (window.innerWidth <= showListUnder)
    state.display = Display.Cards
}

const resizeDebounceDelay = 100

const onResize = debounce(onResizeSync, resizeDebounceDelay)

on('resize', onResize)