Add stories

coder · BrunoQuaresma · Jan 26, 2023 · Jan 18, 2023 · Jan 18, 2023 · Jan 18, 2023
commit cd4a3bf69b6b81a2897ab2f0cd35c75a4d0d6ecc
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
 }