Add reset password dialog to storybook

coder · BrunoQuaresma · May 6, 2022 · May 4, 2022 · May 4, 2022 · May 5, 2022
commit 89573399df28356dd82d4126e67c80f0cb25593c
diff --git a/site/src/components/ResetPasswordDialog/ResetPasswordDialog.stories.tsx b/site/src/components/ResetPasswordDialog/ResetPasswordDialog.stories.tsx
@@ -0,0 +1,23 @@
+import { Story } from "@storybook/react"
+import React from "react"
+import { MockUser } from "../../testHelpers"
+import { generateRandomString } from "../../util/random"
+import { ResetPasswordDialog, ResetPasswordDialogProps } from "./ResetPasswordDialog"
+
+export default {
+  title: "components/ResetPasswordDialog",
+  component: ResetPasswordDialog,
+  argTypes: {
+    onClose: { action: "onClose" },
+    onConfirm: { action: "onConfirm" },
+  },
+}
+
+const Template: Story<ResetPasswordDialogProps> = (args: ResetPasswordDialogProps) => <ResetPasswordDialog {...args} />
+
+export const Example = Template.bind({})
+Example.args = {
+  open: true,
+  user: MockUser,
+  newPassword: generateRandomString(12),
+}
diff --git a/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx b/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx
@@ -7,7 +7,7 @@ import * as TypesGen from "../../api/typesGenerated"
 import { CodeBlock } from "../CodeBlock/CodeBlock"
 import { Dialog, DialogActionButtons, DialogTitle } from "../Dialog/Dialog"
 
-interface ResetPasswordDialogProps {
+export interface ResetPasswordDialogProps {
   open: boolean
   onClose: () => void
   onConfirm: () => void