mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 14:56:21 -04:00
Jake Jarvis
eccf2108c7
* gymnastics to make theme script work with react 18 hydration * try next 12.1.3 canary to fix SSG head tags? * revert theme script changes * next 12.1.3-canary.3 * double-revert some of the use-theme.tsx changes * separate theme restoration script & move to _document * bump next * bump next (again) * clean up some theme stuff * use hashed image URLs in webmanifest and feeds * text experimental react config * Update ThemeScript.tsx * switch selfie image to `layout="raw"` * use `layout="raw"` for all non-imported images * revert raw images in some places, messes up responsiveness * fix nitpicky "no divs inside buttons" html validation error * fix react-player hydration errors * fix hydration errors from server/client time zone differences * clean up hydration fixes * Update format-date.ts * last-minute cleanup
16 lines
802 B
TypeScript
16 lines
802 B
TypeScript
import { formatDistanceToNowStrict } from "date-fns";
|
|
import { formatInTimeZone } from "date-fns-tz";
|
|
import enUS from "date-fns/locale/en-US";
|
|
import { timeZone } from "../config";
|
|
|
|
// normalize timezone across the site, both server and client side, to prevent hydration errors.
|
|
// format defaults to "Apr 4, 2022, 3:04 PM EDT", see https://date-fns.org/v2.28.0/docs/format
|
|
export const formatDateTZ = (date: string | number | Date, formatStr = "PPp zzz", options = {}) => {
|
|
return formatInTimeZone(new Date(date), timeZone, formatStr, { locale: enUS, ...options });
|
|
};
|
|
|
|
// returns "5 minutes ago", "1 year ago", etc.
|
|
export const formatTimeAgo = (date: string | number | Date, options = {}) => {
|
|
return formatDistanceToNowStrict(new Date(date), { addSuffix: true, locale: enUS, ...options });
|
|
};
|