From 5d59e652d705e5d1661770a892d42b3ba4ec87af Mon Sep 17 00:00:00 2001
From: Celine Pelletier <cpelletier@ferlab.bio>
Date: Fri, 3 Nov 2023 16:48:40 -0400
Subject: [PATCH] feat: add login-oauth2-device-verify-user-code and
 login-oauth-grant in storybook

---
 .../LoginDeviceVerifyUserCode.stories.tsx     | 24 +++++++++++++++++++
 .../login/pages/LoginOauthGrant.stories.tsx   | 24 +++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 stories/login/pages/LoginDeviceVerifyUserCode.stories.tsx
 create mode 100644 stories/login/pages/LoginOauthGrant.stories.tsx

diff --git a/stories/login/pages/LoginDeviceVerifyUserCode.stories.tsx b/stories/login/pages/LoginDeviceVerifyUserCode.stories.tsx
new file mode 100644
index 00000000..8375cd97
--- /dev/null
+++ b/stories/login/pages/LoginDeviceVerifyUserCode.stories.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import type { ComponentMeta } from "@storybook/react";
+import { createPageStory } from "../createPageStory";
+
+const pageId = "login-oauth2-device-verify-user-code.ftl";
+
+const { PageStory } = createPageStory({ pageId });
+
+const meta: ComponentMeta<any> = {
+    title: `login/${pageId}`,
+    component: PageStory,
+    parameters: {
+        viewMode: "story",
+        previewTabs: {
+            "storybook/docs/panel": {
+                "hidden": true
+            }
+        }
+    }
+};
+
+export default meta;
+
+export const Default = () => <PageStory />;
diff --git a/stories/login/pages/LoginOauthGrant.stories.tsx b/stories/login/pages/LoginOauthGrant.stories.tsx
new file mode 100644
index 00000000..312c9bfd
--- /dev/null
+++ b/stories/login/pages/LoginOauthGrant.stories.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import type { ComponentMeta } from "@storybook/react";
+import { createPageStory } from "../createPageStory";
+
+const pageId = "login-oauth-grant.ftl";
+
+const { PageStory } = createPageStory({ pageId });
+
+const meta: ComponentMeta<any> = {
+    title: `login/${pageId}`,
+    component: PageStory,
+    parameters: {
+        viewMode: "story",
+        previewTabs: {
+            "storybook/docs/panel": {
+                "hidden": true
+            }
+        }
+    }
+};
+
+export default meta;
+
+export const Default = () => <PageStory />;