Basic storybook setup and update readme

4 files changed, 38 insertions, 2 deletions

diff --git a/src/keycloak-theme/account/KcApp.css b/src/keycloak-theme/account/KcApp.css
index 1f110d9..0185787 100644
--- a/src/keycloak-theme/account/KcApp.css
+++ b/src/keycloak-theme/account/KcApp.css
@@ -1,5 +1,5 @@
 
 
-.my-root-class {
+.my-root-account-class {
 	background: url(./assets/background.svg) no-repeat center center fixed;
 }
\ No newline at end of file
diff --git a/src/keycloak-theme/account/KcApp.tsx b/src/keycloak-theme/account/KcApp.tsx
index 6f7f5f5..11a62a0 100644
--- a/src/keycloak-theme/account/KcApp.tsx
+++ b/src/keycloak-theme/account/KcApp.tsx
@@ -13,7 +13,7 @@ const MyExtraPage2 = lazy(() => import("./pages/MyExtraPage2"));
 const Fallback = lazy(()=> import("keycloakify/account"));
 
 const classes: PageProps<any, any>["classes"] = {
-    "kcBodyClass": "my-root-class"
+    "kcBodyClass": "my-root-account-class"
 };
 
 export default function KcApp(props: { kcContext: KcContext; }) {
diff --git a/src/keycloak-theme/login/pages/LoginResetPassword.stories.tsx b/src/keycloak-theme/login/pages/LoginResetPassword.stories.tsx
new file mode 100644
index 0000000..7e2f4f4
--- /dev/null
+++ b/src/keycloak-theme/login/pages/LoginResetPassword.stories.tsx
@@ -0,0 +1,23 @@
+//This is to show that you can create stories for pages that you haven't overloaded.
+
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { createPageStory } from "../createPageStory";
+
+const { PageStory } = createPageStory({
+    pageId: "login-reset-password.ftl"
+});
+
+export default {
+    title: "login/LoginResetPassword",
+    component: PageStory,
+} as ComponentMeta<typeof PageStory>;
+
+export const Default: ComponentStory<typeof PageStory> = () => <PageStory />;
+
+export const WithEmailAsUsername: ComponentStory<typeof PageStory> = () => (
+    <PageStory
+        kcContext={{
+            realm: { loginWithEmailAllowed: true, registrationEmailAsUsername: true }
+        }}
+    />
+);
diff --git a/src/keycloak-theme/login/pages/Terms.stories copy.tsx b/src/keycloak-theme/login/pages/Terms.stories copy.tsx
new file mode 100644
index 0000000..0ccb94d
--- /dev/null
+++ b/src/keycloak-theme/login/pages/Terms.stories copy.tsx
@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { createPageStory } from "../createPageStory";
+
+const { PageStory } = createPageStory({
+    pageId: "terms.ftl"
+});
+
+export default {
+    title: "login/Terms",
+    component: PageStory,
+} as ComponentMeta<typeof PageStory>;
+
+export const Primary: ComponentStory<typeof PageStory> = () => <PageStory />;