Function useTimePeriodMinutes

console/src/hooks/useTimePeriodSelect.ts:33–60

({
  localStorageKey,
  defaultValue = DEFAULT_TIME_PERIOD,
  timePeriodOptions = DEFAULT_OPTIONS,
}: {
  localStorageKey: string;
  defaultValue?: string;
  timePeriodOptions?: TimePeriodOptions;
})

export const DEFAULT_TIME_PERIOD = Object.keys(DEFAULT_OPTIONS)[0];

export const useTimePeriodMinutes = ({
  localStorageKey,
  defaultValue = DEFAULT_TIME_PERIOD,
  timePeriodOptions = DEFAULT_OPTIONS,
}: {
  localStorageKey: string;
  defaultValue?: string;
  timePeriodOptions?: TimePeriodOptions;
}) => {
  const [timePeriodMinutes, setTimePeriodMinutes] = React.useState(() => {
    let value = defaultValue;
    if (storageAvailable("localStorage")) {
      value = window.localStorage.getItem(localStorageKey) ?? defaultValue;
    }
    return timePeriodFromUrl(value, timePeriodOptions);
  });

  React.useEffect(() => {
    if (storageAvailable("localStorage")) {
      window.localStorage.setItem(
        localStorageKey,
        timePeriodMinutes.toString(),
      );
    }
  }, [timePeriodMinutes, localStorageKey]);

  return [timePeriodMinutes, setTimePeriodMinutes] as const;
};

const parseTimePeriod = (
  periodString: string | null,