Mar 11, 2024 · Mar 8, 2024 · Mar 8, 2024
diff --git a/site/src/pages/CreateTokenPage/CreateTokenForm.tsx b/site/src/pages/CreateTokenPage/CreateTokenForm.tsx
 import MenuItem from "@mui/material/MenuItem";
 import TextField from "@mui/material/TextField";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import type { FormikContextType } from "formik";
 import { type FC, useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
  customLifetimeDay,
 } from "./utils";

 dayjs.extend(utc);

 interface CreateTokenFormProps {
  form: FormikContextType<CreateTokenData>;
  maxTokenLifetime?: number;
diff --git a/site/src/pages/CreateTokenPage/CreateTokenPage.stories.tsx b/site/src/pages/CreateTokenPage/CreateTokenPage.stories.tsx
 import type { Meta, StoryObj } from "@storybook/react";
 import { CreateTokenPage } from "./CreateTokenPage";

 const meta: Meta<typeof CreateTokenPage> = {
  title: "components/CreateTokenPage",
  component: CreateTokenPage,
  parameters: {
    queries: [
      {
        key: ["tokenconfig"],
        data: { max_token_lifetime: 1_000 },
      },
    ],
  },
 };

 export default meta;
 type Story = StoryObj<typeof CreateTokenPage>;

 export const Default: Story = {};
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,6 +2,7 @@ import { css } from "@emotion/css";
		import MenuItem from "@mui/material/MenuItem";
		import TextField from "@mui/material/TextField";
		import dayjs from "dayjs";
		import utc from "dayjs/plugin/utc";
		import type { FormikContextType } from "formik";
		import { type FC, useState, useEffect } from "react";
		import { useNavigate } from "react-router-dom";
Expand All		@@ -21,6 +22,8 @@ import {
		customLifetimeDay,
		} from "./utils";

		dayjs.extend(utc);
Copy link Member aslilacMar 8, 2024 Choose a reason for hiding this comment The reason will be displayed to describe this comment to others.Learn more. I've seen Storybook catch so many of these "depending on a dayjs plugin that we don't actually install locally" bugs. 🐛 BrunoQuaresma reacted with thumbs up emoji

		interface CreateTokenFormProps {
		form: FormikContextType<CreateTokenData>;
		maxTokenLifetime?: number;
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,20 @@
		import type { Meta, StoryObj } from "@storybook/react";
		import { CreateTokenPage } from "./CreateTokenPage";

		const meta: Meta<typeof CreateTokenPage> = {
		title: "components/CreateTokenPage",
		component: CreateTokenPage,
		parameters: {
		queries: [
		{
		key: ["tokenconfig"],
		data: { max_token_lifetime: 1_000 },
		},
		],
		},
		};

		export default meta;
		type Story = StoryObj<typeof CreateTokenPage>;

		export const Default: Story = {};