From b066b1eb912894695ba7db76c1e064ccd5bfd8db Mon Sep 17 00:00:00 2001 From: Klink <85062+dogmar@users.noreply.github.com> Date: Thu, 20 Jul 2023 17:11:58 -0700 Subject: [PATCH 01/16] Start promo banner work --- src/components/PageHeader.tsx | 12 +++++++++++- src/components/PromoBanner.tsx | 12 ++++++++++++ src/generated/graphqlDirectus.ts | 8 ++++++-- src/graph/directus/cms.graphql | 2 ++ 4 files changed, 31 insertions(+), 3 deletions(-) create mode 100644 src/components/PromoBanner.tsx diff --git a/src/components/PageHeader.tsx b/src/components/PageHeader.tsx index c806a64f..66f319bc 100644 --- a/src/components/PageHeader.tsx +++ b/src/components/PageHeader.tsx @@ -1,4 +1,4 @@ -import { useEffect, useId, useState } from 'react' +import { type ComponentProps, useEffect, useId, useState } from 'react' import { Button, @@ -21,6 +21,7 @@ import { FullPageWidth } from './layout/LayoutHelpers' import { NavigationDesktop } from './NavigationDesktop' import { NavigationMobile } from './NavigationMobile' import { HamburgerButton, SearchButton, SocialLink } from './PageHeaderButtons' +import { PromoBanner } from './PromoBanner' const Filler = styled.div((_) => ({ flexGrow: 1, @@ -28,6 +29,14 @@ const Filler = styled.div((_) => ({ export const PAGE_HEADER_ID = 'plural-page-header' +const PromoBannerSC = styled.div(({ theme }) => ({ + ...theme.partials.marketingText.body2, +})) + +export function PromoBanner(props: ComponentProps) { + return +} + export function PageHeader({ showHeaderBG, ...props }) { const theme = useTheme() const [menuIsOpen, setMenuIsOpen] = useState(false) @@ -57,6 +66,7 @@ export function PageHeader({ showHeaderBG, ...props }) { alwaysShowBG={showHeaderBG} id={PAGE_HEADER_ID} > + Promo banner content