Add stories

presleyp · presleyp · commit cd4a3bf69b6b · 2023-01-20T17:24:11.000Z
diff --git a/site/src/pages/DeploySettingsPage/MetricsPage/MetricsPageView.stories.tsx b/site/src/pages/DeploySettingsPage/MetricsPage/MetricsPageView.stories.tsx
@@ -0,0 +1,24 @@
+import { ComponentMeta, Story } from "@storybook/react"
+import { makeMockApiError, MockDeploymentDAUResponse } from "testHelpers/entities"
+import { MetricsPageView, MetricsPageViewProps } from "./MetricsPageView"
+
+export default {
+  title: "pages/MetricsPageView",
+  component: MetricsPageView,
+} as ComponentMeta<typeof MetricsPageView>
+
+const Template: Story<MetricsPageViewProps> = (args) => (
+  <MetricsPageView {...args} />
+)
+
+export const MetricsPage = Template.bind({})
+MetricsPage.args = {
+  deploymentDAUs: MockDeploymentDAUResponse,
+  getDeploymentDAUsError: undefined
+}
+
+export const MetricsPageError = Template.bind({})
+MetricsPageError.args = {
+  deploymentDAUs: undefined,
+  getDeploymentDAUsError: makeMockApiError({})
+}
diff --git a/site/src/pages/DeploySettingsPage/MetricsPage/MetricsPageView.tsx b/site/src/pages/DeploySettingsPage/MetricsPage/MetricsPageView.tsx
@@ -3,7 +3,7 @@ import { AlertBanner } from "components/AlertBanner/AlertBanner"
 import { DAUChart } from "components/DAUChart/DAUChart"
 import { Stack } from "components/Stack/Stack"
 
-interface MetricsPageViewProps {
+export interface MetricsPageViewProps {
   deploymentDAUs?: DeploymentDAUsResponse
   getDeploymentDAUsError?: unknown
 }

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ import { AlertBanner } from "components/AlertBanner/AlertBanner"`
`3`	`3`	`import { DAUChart } from "components/DAUChart/DAUChart"`
`4`	`4`	`import { Stack } from "components/Stack/Stack"`
`5`	`5`
`6`		`-interface MetricsPageViewProps {`
	`6`	`+export interface MetricsPageViewProps {`
`7`	`7`	`deploymentDAUs?: DeploymentDAUsResponse`
`8`	`8`	`getDeploymentDAUsError?: unknown`
`9`	`9`	`}`