77db0c2e95
* fix: Document history events from last year but within 12 months shown as 'this year' fix: Events older than a year have repeated headings * lint
59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
// @flow
|
|
import {
|
|
isToday,
|
|
isYesterday,
|
|
differenceInCalendarWeeks,
|
|
differenceInCalendarMonths,
|
|
differenceInCalendarYears,
|
|
format as formatDate,
|
|
} from "date-fns";
|
|
import { type TFunction } from "react-i18next";
|
|
import { dateLocale } from "utils/i18n";
|
|
|
|
export function dateToHeading(
|
|
dateTime: string,
|
|
t: TFunction,
|
|
userLocale: ?string
|
|
) {
|
|
const date = Date.parse(dateTime);
|
|
const now = new Date();
|
|
const locale = dateLocale(userLocale);
|
|
|
|
if (isToday(date)) {
|
|
return t("Today");
|
|
}
|
|
|
|
if (isYesterday(date)) {
|
|
return t("Yesterday");
|
|
}
|
|
|
|
// If the current calendar week but not today or yesterday then return the day
|
|
// of the week as a string. We use the LocaleTime component here to gain
|
|
// async bundle loading of languages
|
|
const weekDiff = differenceInCalendarWeeks(now, date);
|
|
if (weekDiff === 0) {
|
|
return formatDate(Date.parse(dateTime), "iiii", { locale });
|
|
}
|
|
|
|
if (weekDiff === 1) {
|
|
return t("Last week");
|
|
}
|
|
|
|
const monthDiff = differenceInCalendarMonths(now, date);
|
|
if (monthDiff === 0) {
|
|
return t("This month");
|
|
}
|
|
|
|
if (monthDiff === 1) {
|
|
return t("Last month");
|
|
}
|
|
|
|
const yearDiff = differenceInCalendarYears(now, date);
|
|
if (yearDiff === 0) {
|
|
return t("This year");
|
|
}
|
|
|
|
// If older than the current calendar year then just print the year e.g 2020
|
|
return formatDate(Date.parse(dateTime), "y", { locale });
|
|
}
|