@kiwicom/smart-faq/src/helpers/dateUtils.js

Smart FAQ

// @flow

import * as React from 'react';

import { LanguageContext } from '../context/Language';
import { DEFAULT_LOCALE, supportedLanguages } from './translationUtils';

export const URGENCY_THRESHOLD = 48;

type Props = {|
  dateString: string,
|};

export const FormatDate = ({ dateString }: Props) => {
  const options = {
    weekday: 'short',
    month: 'short',
    day: 'numeric',
    timeZone: 'UTC',
  };

  return (
    <LanguageContext.Consumer>
      {language => {
        const locale = (supportedLanguages[language] || DEFAULT_LOCALE).replace(
          '_',
          '-',
        );
        return (
          <div>{new Date(dateString).toLocaleDateString(locale, options)}</div>
        );
      }}
    </LanguageContext.Consumer>
  );
};

export const formatDepartureDate = (dateString: string) => {
  const dateUTC = new Date(dateString);
  const month = dateUTC.getUTCMonth() + 1;
  const day = dateUTC.getUTCDate();
  const year = dateUTC.getUTCFullYear();
  return `${day}/${month}/${year}`;
};

export const formatCountDown = (hoursLeft: number): string => {
  const nhours = Math.floor(hoursLeft);
  const nmins = Math.floor((hoursLeft - nhours) * 60);
  const ndays = Math.floor(hoursLeft / 24);
  if (hoursLeft < URGENCY_THRESHOLD) {
    return nmins
      ? `${nhours}${' hours'} ${nmins}${' minutes'}`
      : `${nhours}${'h'}`;
  }
  return `${ndays} ${'days'}`;
};

export const formatTimeDuration = (mins: number) => {
  const nhours = Math.floor(mins / 60);
  const nmins = mins - nhours * 60;
  return nhours ? `${nhours}h ${nmins}m` : `${nmins}m`;
};

export const formatHour = (date: string) => {
  const options = { hour: 'numeric', timeZone: 'UTC', minute: 'numeric' };
  return new Date(date).toLocaleString('en-US', options);
};