fix: migrate over time changes

coder · buenos-nachos · Apr 28, 2025 · Apr 28, 2025 · Apr 28, 2025 · Apr 29, 2025
commit edb3d1e425cf8e2cc9720d5fc128ee0dd2eb0b76
diff --git a/site/src/App.tsx b/site/src/App.tsx
@@ -14,6 +14,7 @@ import { GlobalSnackbar } from "./components/GlobalSnackbar/GlobalSnackbar";
 import { ThemeProvider } from "./contexts/ThemeProvider";
 import { AuthProvider } from "./contexts/auth/AuthProvider";
 import { router } from "./router";
+import { TimeSyncProvider } from "hooks/useTimeSync";
 
 const defaultQueryClient = new QueryClient({
 	defaultOptions: {
@@ -37,6 +38,8 @@ declare global {
 	}
 }
 
+const initialDatetime = new Date();
+
 export const AppProviders: FC<AppProvidersProps> = ({
 	children,
 	queryClient = defaultQueryClient,
@@ -64,15 +67,17 @@ export const AppProviders: FC<AppProvidersProps> = ({
 
 	return (
 		<HelmetProvider>
-			<QueryClientProvider client={queryClient}>
-				<AuthProvider>
-					<ThemeProvider>
-						{children}
-						<GlobalSnackbar />
-					</ThemeProvider>
-				</AuthProvider>
-				{showDevtools && <ReactQueryDevtools initialIsOpen={showDevtools} />}
-			</QueryClientProvider>
+			<TimeSyncProvider options={{ initialDatetime }}>
+				<QueryClientProvider client={queryClient}>
+					<AuthProvider>
+						<ThemeProvider>
+							{children}
+							<GlobalSnackbar />
+						</ThemeProvider>
+					</AuthProvider>
+					{showDevtools && <ReactQueryDevtools initialIsOpen={showDevtools} />}
+				</QueryClientProvider>
+			</TimeSyncProvider>
 		</HelmetProvider>
 	);
 };

diff --git a/site/src/components/SignInLayout/SignInLayout.tsx b/site/src/components/SignInLayout/SignInLayout.tsx
@@ -1,13 +1,19 @@
 import type { Interpolation, Theme } from "@emotion/react";
+import { useTimeSync } from "hooks/useTimeSync";
 import type { FC, PropsWithChildren } from "react";
 
 export const SignInLayout: FC<PropsWithChildren> = ({ children }) => {
+	const year = useTimeSync({
+		maxRefreshIntervalMs: Number.POSITIVE_INFINITY,
+		select: (date) => date.getFullYear(),
+	});
+
 	return (
 		<div css={styles.container}>
 			<div css={styles.content}>
 				<div css={styles.signIn}>{children}</div>
 				<div css={styles.copyright}>
-					{"\u00a9"} {new Date().getFullYear()} Coder Technologies, Inc.
+					{"\u00a9"} {year} Coder Technologies, Inc.
 				</div>
 			</div>
 		</div>

diff --git a/site/src/hooks/useTime.ts b/site/src/hooks/useTime.ts