diff --git a/apps/dashboard/app/(main)/websites/[id]/pulse/_components/recent-activity.tsx b/apps/dashboard/app/(main)/websites/[id]/pulse/_components/recent-activity.tsx index b3c220349..6f7904035 100644 --- a/apps/dashboard/app/(main)/websites/[id]/pulse/_components/recent-activity.tsx +++ b/apps/dashboard/app/(main)/websites/[id]/pulse/_components/recent-activity.tsx @@ -6,6 +6,8 @@ import { XCircleIcon, } from "@phosphor-icons/react"; import dayjs from "dayjs"; +import timezone from "dayjs/plugin/timezone"; +import utc from "dayjs/plugin/utc"; import { Badge } from "@/components/ui/badge"; import { Table, @@ -17,6 +19,11 @@ import { } from "@/components/ui/table"; import { cn } from "@/lib/utils"; +dayjs.extend(utc); +dayjs.extend(timezone); + +const userTimezone = dayjs.tz.guess(); + type Check = { timestamp: string; status: number; // 1 = up, 0 = down, 2 = pending @@ -123,7 +130,10 @@ export function RecentActivity({ checks, isLoading }: RecentActivityProps) { - {dayjs(check.timestamp).format("MMM D, HH:mm:ss")} + {dayjs + .utc(check.timestamp) + .tz(userTimezone) + .format("MMM D, HH:mm:ss")}