aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/templates
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-27 18:43:25 +0200
committerArmand Philippot <git@armandphilippot.com>2023-10-24 12:25:00 +0200
commitd17d894f398650209c0ddd29502308de8c07bd93 (patch)
tree858402dfd362e74686d25fec155f247ad3217635 /src/components/templates
parent7255d25f6834a208c0ed44636356cc260f6ab6ba (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')
-rw-r--r--src/components/templates/layout/layout.tsx18
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}