app/assets/javascripts/profile/utils.js


1
2
3
4
5
6
7
8
9
10
11
12
13

import {
  OVERVIEW_CALENDAR_BREAKPOINT,
  CALENDAR_PERIOD_6_MONTHS,
  CALENDAR_PERIOD_12_MONTHS,
} from './constants';

export const getVisibleCalendarPeriod = (calendarContainer) => {
  const { width } = calendarContainer.getBoundingClientRect();

  return width < OVERVIEW_CALENDAR_BREAKPOINT
    ? CALENDAR_PERIOD_6_MONTHS
    : CALENDAR_PERIOD_12_MONTHS;
};