diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-27 18:43:25 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | d17d894f398650209c0ddd29502308de8c07bd93 (patch) | |
| tree | 858402dfd362e74686d25fec155f247ad3217635 /src/components/templates/layout/layout.tsx | |
| parent | 7255d25f6834a208c0ed44636356cc260f6ab6ba (diff) | |
feat(components): add Article, Aside, Footer, Header, Main & Nav
Some components have been renamed to be able to create Footer, Header
and Nav.
Diffstat (limited to 'src/components/templates/layout/layout.tsx')
| -rw-r--r-- | src/components/templates/layout/layout.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/components/templates/layout/layout.tsx b/src/components/templates/layout/layout.tsx index b284e29..810a019 100644 --- a/src/components/templates/layout/layout.tsx +++ b/src/components/templates/layout/layout.tsx @@ -28,10 +28,10 @@ import { PostsStack, } from '../../atoms'; import { - Footer, - type FooterProps, - Header, - type HeaderProps, + SiteFooter, + type SiteFooterProps, + SiteHeader, + type SiteHeaderProps, } from '../../organisms'; import styles from './layout.module.scss'; @@ -39,7 +39,7 @@ export type QueryAction = SearchAction & { 'query-input': string; }; -export type LayoutProps = Pick<HeaderProps, 'isHome'> & { +export type LayoutProps = Pick<SiteHeaderProps, 'isHome'> & { /** * The layout main content. */ @@ -118,7 +118,7 @@ export const Layout: FC<LayoutProps> = ({ id: 'AE4kCD', }); - const mainNav: HeaderProps['nav'] = [ + const mainNav: SiteHeaderProps['nav'] = [ { id: 'home', label: homeLabel, @@ -157,7 +157,7 @@ export const Layout: FC<LayoutProps> = ({ id: 'nwbzKm', }); - const footerNav: FooterProps['navItems'] = [ + const footerNav: SiteFooterProps['navItems'] = [ { id: 'legal-notice', label: legalNoticeLabel, href: ROUTES.LEGAL_NOTICE }, ]; @@ -239,7 +239,7 @@ export const Layout: FC<LayoutProps> = ({ <ButtonLink className="screen-reader-text" to="#main"> {skipToContent} </ButtonLink> - <Header + <SiteHeader // eslint-disable-next-line react/jsx-no-literals -- Storage key allowed ackeeStorageKey="ackee-tracking" baseline={baseline} @@ -261,7 +261,7 @@ export const Layout: FC<LayoutProps> = ({ {children} </article> </Main> - <Footer + <SiteFooter backToTopClassName={backToTopClassName} className={styles.footer} copyright={copyrightData} |
