Merge pull request #557 from thepolicylab-projectportals/docs/fix-pag…

…e-layout-storybook

docs: fix Layout in storybook

packages/gatsby-theme-project-portal/src/layouts/Layout.stories.tsx

@@ -1,6 +1,13 @@
 import React from "react"
 import type { Meta, StoryObj } from "@storybook/react"
 import { Layout } from "./Layout"
+import * as BottomBannerStories from "../components/BottomBanner.stories"
+import * as FooterStories from "../components/Footer.stories"
+import * as NavbarStories from "../components/Navbar.stories"
+
+import { bottomBannerLogo } from "../components/BottomBanner.stories"
+import { footerLogo } from "../components/Footer.stories"
+import { siteTitleLogo } from "../components/SiteTitle.stories"
 
 const meta: Meta<typeof Layout> = {
   component: Layout,
@@ -11,13 +18,23 @@ export default meta
 
 type Story = StoryObj<typeof Layout>
 
-// TODO: Fix this – relies on SiteMetadata, which uses a static query.
 export const Primary: Story = {
   args: {
-    activePage: "open",
-    title: "Page Title",
-    description: "The page description (metadata)",
+    data: {
+      projectPortalConfig: {
+        showDevBanner: true,
+        pages: NavbarStories.Primary.args.pages,
+        staticText: {
+          bottomBanner: BottomBannerStories.Primary.args,
+          footer: FooterStories.Primary.args,
+        },
+      },
+      site: { siteMetadata: { title: "The Site Title" } },
+      navbarLogo: siteTitleLogo,
+      bottomBannerLogo: bottomBannerLogo,
+      footerLogo: footerLogo,
+    },
+    path: "/open/",
     children: <></>,
-    showDevBanner: false,
   },
 }