chore: add provider to base Storybook meta

coder · Parkreiner · Apr 28, 2025 · Apr 28, 2025 · Apr 28, 2025 · Apr 29, 2025
commit ebe8821fa7103b6d5610f937aa2ee5400107a384
diff --git a/site/src/hooks/useTimeSync.tsx b/site/src/hooks/useTimeSync.tsx
@@ -111,10 +111,10 @@ export class TimeSync implements TimeSyncApi {
 	readonly #createNewDatetime: (prev: Date) => Date;
 	readonly #setInterval: SetInterval;
 	readonly #clearInterval: ClearInterval;
+	readonly #selectionCache: Map<string, unknown>;
 
 	#latestDateSnapshot: Date;
 	#subscriptions: SubscriptionEntry[];
-	#selectionCache: Map<string, unknown>;
 	#latestIntervalId: number | undefined;
 
 	constructor(options: Partial<TimeSyncInitOptions>) {

diff --git a/site/src/pages/DeploymentSettingsPage/NotificationsPage/storybookUtils.ts b/site/src/pages/DeploymentSettingsPage/NotificationsPage/storybookUtils.ts
@@ -14,6 +14,7 @@ import {
 	withDashboardProvider,
 	withGlobalSnackbar,
 	withOrganizationSettingsProvider,
+	withTimeSyncProvider,
 } from "testHelpers/storybook";
 import type { NotificationsPage } from "./NotificationsPage";
 
@@ -214,5 +215,6 @@ export const baseMeta = {
 		withAuthProvider,
 		withDashboardProvider,
 		withOrganizationSettingsProvider,
+		withTimeSyncProvider,
 	],
 } satisfies Meta<typeof NotificationsPage>;
diff --git a/site/src/testHelpers/storybook.tsx b/site/src/testHelpers/storybook.tsx
@@ -6,11 +6,12 @@ import { hasFirstUserKey, meKey } from "api/queries/users";
 import type { Entitlements } from "api/typesGenerated";
 import { GlobalSnackbar } from "components/GlobalSnackbar/GlobalSnackbar";
 import { AuthProvider } from "contexts/auth/AuthProvider";
+import { TimeSyncProvider } from "hooks/useTimeSync";
 import { DashboardContext } from "modules/dashboard/DashboardProvider";
 import { DeploymentConfigContext } from "modules/management/DeploymentConfigProvider";
 import { OrganizationSettingsContext } from "modules/management/OrganizationSettingsLayout";
 import { permissionChecks } from "modules/permissions";
-import type { FC } from "react";
+import type { FC, ReactElement } from "react";
 import { useQueryClient } from "react-query";
 import {
 	MockAppearanceConfig,
@@ -156,6 +157,20 @@ export const withGlobalSnackbar = (Story: FC) => (
 	</>
 );
 
+const storyDate = new Date("March 15, 2022");
+export const withTimeSyncProvider = (Story: FC): ReactElement => {
+	return (
+		<TimeSyncProvider
+			options={{
+				initialDatetime: storyDate,
+				resyncOnNewSubscription: false,
+			}}
+		>
+			<Story />
+		</TimeSyncProvider>
+	);
+};
+
 export const withOrganizationSettingsProvider = (Story: FC) => {
 	return (
 		<OrganizationSettingsContext.Provider