feat(SW-285): Add support for sidebar

2024-09-02 22:43:08 +02:00
parent 60636d8cbe
commit a444746ccb
14 changed files with 594 additions and 1 deletions
@@ -0,0 +1,52 @@
+import JsonToHtml from "@/components/JsonToHtml"
+
+import JoinLoyaltyContact from "./JoinLoyalty"
+import { MyPagesNavigation } from "./MyPagesNavigation"
+
+import styles from "./sidebar.module.css"
+
+import {
+  SidebarDynamicComponentEnum,
+  SidebarTypenameEnum,
+} from "@/types/components/content/enums"
+import { SidebarProps } from "@/types/components/content/sidebar"
+
+export default function SidebarLoyalty({ blocks }: SidebarProps) {
+  return (
+    <aside className={styles.aside}>
+      {blocks.map((block, idx) => {
+        switch (block.__typename) {
+          case SidebarTypenameEnum.ContentPageSidebarContent:
+            return (
+              <section
+                className={styles.content}
+                key={`${block.__typename}-${idx}`}
+              >
+                <JsonToHtml
+                  embeds={block.content.content.embedded_itemsConnection.edges}
+                  nodes={block.content.content.json.children}
+                />
+              </section>
+            )
+          case SidebarTypenameEnum.ContentPageSidebarJoinLoyaltyContact:
+            return (
+              <JoinLoyaltyContact
+                block={block.join_loyalty_contact}
+                key={`${block.__typename}-${idx}`}
+              />
+            )
+          case SidebarTypenameEnum.ContentPageSidebarDynamicContent:
+            switch (block.dynamic_content.component) {
+              case SidebarDynamicComponentEnum.my_pages_navigation:
+                return <MyPagesNavigation key={`${block.__typename}-${idx}`} />
+              default:
+                return null
+            }
+
+          default:
+            return null
+        }
+      })}
+    </aside>
+  )
+}