Use static date and ignore dynamic values

BrunoQuaresma · BrunoQuaresma · commit 68de326ee4f4 · 2024-04-01T13:26:26.000Z
diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
@@ -80,12 +80,14 @@ export const CreateTokenForm: FC<CreateTokenFormProps> = ({
       <FormSection
         title="Expiration"
         description={
-          form.values.lifetime
-            ? `The token will expire on ${dayjs()
-                .add(form.values.lifetime, "days")
-                .utc()
-                .format("MMMM DD, YYYY")}`
-            : "Please set a token expiration."
+          <span data-chromatic="ignore">
+            {form.values.lifetime
+              ? `The token will expire on ${dayjs()
+                  .add(form.values.lifetime, "days")
+                  .utc()
+                  .format("MMMM DD, YYYY")}`
+              : "Please set a token expiration."}
+          </span>
         }
         classes={{ sectionInfo: classNames.sectionInfo }}
       >
diff --git a/site/src/pages/WorkspacePage/WorkspaceTopbar.stories.tsx b/site/src/pages/WorkspacePage/WorkspaceTopbar.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { expect, userEvent, waitFor, within, screen } from "@storybook/test";
-import { addDays, addHours, addMinutes } from "date-fns";
+import { addHours, addMinutes } from "date-fns";
 import { getWorkspaceQuotaQueryKey } from "api/queries/workspaceQuota";
 import {
   MockTemplate,
@@ -159,7 +159,7 @@ export const Dormant: Story = {
   args: {
     workspace: {
       ...baseWorkspace,
-      deleting_at: addDays(new Date(), 7).toISOString(),
+      deleting_at: new Date("2024/01/01").toISOString(),
       latest_build: {
         ...baseWorkspace.latest_build,
         status: "failed",
diff --git a/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx b/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
@@ -219,10 +219,7 @@ export const WorkspaceTopbar: FC<WorkspaceProps> = ({
               title="Schedule settings"
               css={{ color: "inherit" }}
             >
-              Deletion on{" "}
-              <span data-chromatic="ignore">
-                {new Date(workspace.deleting_at!).toLocaleString()}
-              </span>
+              Deletion on {new Date(workspace.deleting_at!).toLocaleString()}
             </Link>
           </TopbarData>
         )}
