mirror of
https://github.com/NginxProxyManager/nginx-proxy-manager.git
synced 2026-01-21 19:25:43 +00:00
22 lines
756 B
TypeScript
22 lines
756 B
TypeScript
import cn from "classnames";
|
|
import { differenceInDays, isPast } from "date-fns";
|
|
import { useLocaleState } from "src/context";
|
|
import { formatDateTime, parseDate } from "src/locale";
|
|
|
|
interface Props {
|
|
value: string;
|
|
highlightPast?: boolean;
|
|
highlistNearlyExpired?: boolean;
|
|
}
|
|
export function DateFormatter({ value, highlightPast, highlistNearlyExpired }: Props) {
|
|
const { locale } = useLocaleState();
|
|
const d = parseDate(value);
|
|
const dateIsPast = d ? isPast(d) : false;
|
|
const days = d ? differenceInDays(d, new Date()) : 0;
|
|
const cl = cn({
|
|
"text-danger": highlightPast && dateIsPast,
|
|
"text-warning": highlistNearlyExpired && !dateIsPast && days <= 30 && days >= 0,
|
|
});
|
|
return <span className={cl}>{formatDateTime(value, locale)}</span>;
|
|
}
|