fix(dashboard): guessTimezone via dayjs, fix twitter-image revalidate export

- Replace Intl-based timezone helper with dayjs.tz.guess(); remove lib/timezone.ts
- Export revalidate locally in twitter-image.tsx (Next.js forbids re-exporting route config)
- Status and query consumers use guessTimezone from lib/dayjs

Author: izadoesdev

apps/dashboard/app/status/[slug]/_components/last-checked.tsx

@@ -7,7 +7,5 @@ interface LastCheckedProps {
 }
 
 export function LastChecked({ timestamp }: LastCheckedProps) {
-	return (
-		<p className="text-muted-foreground text-xs">{fromNow(timestamp)}</p>
-	);
+	return <p className="text-muted-foreground text-xs">{fromNow(timestamp)}</p>;
 }

apps/dashboard/app/status/[slug]/_components/last-updated.tsx

@@ -4,8 +4,8 @@ import { ClockIcon } from "@phosphor-icons/react";
 import { useRouter } from "next/navigation";
 import { useCallback, useRef, useState } from "react";
 import { useInterval } from "@/hooks/use-interval";
+import { guessTimezone } from "@/lib/dayjs";
 import { formatDateTime, localDayjs } from "@/lib/time";
-import { getUserTimezone } from "@/lib/timezone";
 
 const REFRESH_INTERVAL_SEC = 60;
 
@@ -14,7 +14,7 @@ interface LastUpdatedProps {
 }
 
 export function LastUpdated({ timestamp }: LastUpdatedProps) {
-	const tz = getUserTimezone();
+	const tz = guessTimezone();
 	const abbreviation = localDayjs().format("z");
 	const router = useRouter();
 	const [countdown, setCountdown] = useState(REFRESH_INTERVAL_SEC);

apps/dashboard/app/status/[slug]/not-found.tsx

@@ -7,8 +7,8 @@ export default function StatusNotFound() {
 				Status page not found
 			</h1>
 			<p className="mt-2 max-w-sm text-pretty text-muted-foreground text-sm">
-				This organization doesn&apos;t have a public status page, or the URL
-				is incorrect.
+				This organization doesn&apos;t have a public status page, or the URL is
+				incorrect.
 			</p>
 			<Link
 				className="mt-6 font-medium text-foreground text-sm hover:underline"

apps/dashboard/app/status/[slug]/opengraph-image.tsx

@@ -345,9 +345,7 @@ export default async function OGImage({
 											key={i}
 											style={{
 												flex: 1,
-												backgroundColor: getBarColor(
-													day.uptime_percentage
-												),
+												backgroundColor: getBarColor(day.uptime_percentage),
 												borderRadius: "2px",
 											}}
 										/>

apps/dashboard/app/status/[slug]/twitter-image.tsx

@@ -1 +1,3 @@
-export { contentType, default, revalidate, size } from "./opengraph-image";
+/** Must be defined here; Next.js does not allow re-exporting `revalidate` from another file. Match `opengraph-image.tsx`. */
+export const revalidate = 60;
+export { contentType, default, size } from "./opengraph-image";

apps/dashboard/hooks/use-dynamic-query.ts

@@ -10,7 +10,7 @@ import type {
 } from "@databuddy/shared/types/parameters";
 import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
 import { useCallback, useMemo } from "react";
-import { getUserTimezone } from "@/lib/timezone";
+import { guessTimezone } from "@/lib/dayjs";
 
 const API_BASE_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3001";
 
@@ -101,7 +101,7 @@ async function fetchDynamicQuery(
 	queryData: DynamicQueryRequest | DynamicQueryRequest[],
 	signal?: AbortSignal
 ): Promise<DynamicQueryResponse | BatchQueryResponse> {
-	const timezone = getUserTimezone();
+	const timezone = guessTimezone();
 
 	// Support both old string API (websiteId) and new options object
 	const options: FetchOptions =

apps/dashboard/lib/dayjs.ts

@@ -1,3 +1,4 @@
+// biome-ignore lint/style/noExportedImports: extended singleton is the app-wide default
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import timezone from "dayjs/plugin/timezone";
@@ -7,4 +8,7 @@ dayjs.extend(utc);
 dayjs.extend(timezone);
 dayjs.extend(relativeTime);
 
+export function guessTimezone(): string {
+	return dayjs.tz.guess() ?? "UTC";
+}
 export default dayjs;

apps/dashboard/lib/insight-api.ts

@@ -1,5 +1,5 @@
-import type { Insight, HistoryInsightRow } from "@/lib/insight-types";
-import { getUserTimezone } from "@/lib/timezone";
+import { guessTimezone } from "@/lib/dayjs";
+import type { HistoryInsightRow, Insight } from "@/lib/insight-types";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3001";
 
@@ -34,7 +34,7 @@ export async function fetchInsightsAi(
 		method: "POST",
 		credentials: "include",
 		headers: { "Content-Type": "application/json" },
-		body: JSON.stringify({ organizationId, timezone: getUserTimezone() }),
+		body: JSON.stringify({ organizationId, timezone: guessTimezone() }),
 		signal: AbortSignal.timeout(90_000),
 	});
 

apps/dashboard/lib/time.ts

@@ -4,17 +4,15 @@
  * Always import dayjs from this file instead of 'dayjs' directly
  * to ensure consistent timezone handling across the application.
  */
-import dayjs from "@/lib/dayjs";
-import { getUserTimezone } from "./timezone";
+import dayjs, { guessTimezone } from "@/lib/dayjs";
 
-// Get the user's timezone
-const userTimezone = getUserTimezone();
+const localTz = guessTimezone();
 
 /**
  * Parse a date string (UTC) and convert to user's local timezone
  */
 export function toLocalTime(date: string | Date | dayjs.Dayjs): dayjs.Dayjs {
-	return dayjs.utc(date).tz(userTimezone);
+	return dayjs.utc(date).tz(localTz);
 }
 
 /**
@@ -83,7 +81,7 @@ export function formatDateOnly(
  */
 export function localDayjs(date?: string | Date | dayjs.Dayjs): dayjs.Dayjs {
 	if (!date) {
-		return dayjs().tz(userTimezone);
+		return dayjs().tz(localTz);
 	}
-	return dayjs.utc(date).tz(userTimezone);
+	return dayjs.utc(date).tz(localTz);
 }