From 57f6f980cf139348069210a489aa3d09fdc53247 Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Fri, 21 Jun 2024 22:07:36 +0200
Subject: [PATCH] Update terms storybook

---
 stories/login/pages/Terms.stories.tsx | 45 +++++++++++++++++++--------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/stories/login/pages/Terms.stories.tsx b/stories/login/pages/Terms.stories.tsx
index 624106df..4421829e 100644
--- a/stories/login/pages/Terms.stories.tsx
+++ b/stories/login/pages/Terms.stories.tsx
@@ -14,10 +14,41 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
-    render: () => <KcPageStory />
+    render: () => (
+        <KcPageStory
+            kcContext={{
+                "x-keycloakify": {
+                    realmMessageBundleTermsText: "<p>My terms in <strong>English</strong></p>"
+                }
+            }}
+        />
+    )
 };
 
 export const French: Story = {
+    render: () => (
+        <KcPageStory
+            kcContext={{
+                locale: {
+                    currentLanguageTag: "fr"
+                },
+                "x-keycloakify": {
+                    // cSpell: disable
+                    realmMessageBundleTermsText: "<p>Mes terme en <strong>Français</strong></p>"
+                    // cSpell: enable
+                }
+            }}
+        />
+    )
+};
+
+// NOTE: Only works if using `useDownloadTerms()`
+export const RenderedFromMarkdown: Story = {
+    render: () => <KcPageStory />
+};
+
+// NOTE: Only works if using `useDownloadTerms()`
+export const RenderedFromMarkdownFrench: Story = {
     render: () => (
         <KcPageStory
             kcContext={{
@@ -28,15 +59,3 @@ export const French: Story = {
         />
     )
 };
-
-export const Spanish: Story = {
-    render: () => (
-        <KcPageStory
-            kcContext={{
-                locale: {
-                    currentLanguageTag: "es"
-                }
-            }}
-        />
-    )
-};