diff --git a/packages/shared-ui/components/Header/Logo.tsx b/packages/shared-ui/components/Header/Logo.tsx index d78d9a7..874ddaf 100644 --- a/packages/shared-ui/components/Header/Logo.tsx +++ b/packages/shared-ui/components/Header/Logo.tsx @@ -2,13 +2,16 @@ type LogoProps = { className?: string }; export const Logo = ({ className }: LogoProps) => { return ( - - - + <> +

Formidable Boulangerie

+ + + + ); }; diff --git a/packages/shared-ui/components/Header/stories/Header.stories.tsx b/packages/shared-ui/components/Header/stories/Header.stories.tsx index 9025799..0005af8 100644 --- a/packages/shared-ui/components/Header/stories/Header.stories.tsx +++ b/packages/shared-ui/components/Header/stories/Header.stories.tsx @@ -1,5 +1,11 @@ import type { Meta, StoryObj } from "../../../.storybook/types"; +import { Button } from "../../Button/Button"; +import { MobileNavMenu } from "../../MobileNav"; +import { Cart, CartContent } from "../../cart"; +import { DesktopNavItem } from "../DesktopNavItem"; import { Header } from "../Header"; +import { Logo } from "../Logo"; +import { NAV_ITEMS } from "../NavItems"; const meta: Meta = { component: Header, @@ -10,4 +16,36 @@ export default meta; type Story = StoryObj; -export const Default: Story = {}; +// eslint-disable-next-line @typescript-eslint/no-empty-function +const onMobileNavClose = () => {}; + +export const Default: Story = { + render: () => ( +
+
+ + + +
    + {NAV_ITEMS.map(({ href, label }) => ( + + ))} +
+
+
+ + + + + } + /> + + +
+
+ ), +};