diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-25 18:33:22 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:15:27 +0100 |
| commit | 9aeb82269d7c74c4566b7ca254782a4dfbd69a6e (patch) | |
| tree | e2ab930204cbcf20cebaa6125ea022f050d973af /src/components/organisms/layout/site-header.tsx | |
| parent | c21a137e1991af1331fe5768fc6bac15ea9230b1 (diff) | |
refactor(components): remove SiteHeader and SiteFooter components
They do not help to make the layout more readable (on the contrary I
think...) so the props drilling is useless.
Diffstat (limited to 'src/components/organisms/layout/site-header.tsx')
| -rw-r--r-- | src/components/organisms/layout/site-header.tsx | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/src/components/organisms/layout/site-header.tsx b/src/components/organisms/layout/site-header.tsx deleted file mode 100644 index e8953c0..0000000 --- a/src/components/organisms/layout/site-header.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import type { FC } from 'react'; -import { Header } from '../../atoms'; -import { Branding, type BrandingProps } from '../../molecules'; -import { Toolbar, type ToolbarProps } from '../toolbar'; -import styles from './site-header.module.scss'; - -export type SiteHeaderProps = BrandingProps & - Pick< - ToolbarProps, - 'ackeeStorageKey' | 'motionStorageKey' | 'nav' | 'searchPage' - > & { - /** - * Set additional classnames to the header element. - */ - className?: string; - }; - -/** - * SiteHeader component - * - * Render the website header. - */ -export const SiteHeader: FC<SiteHeaderProps> = ({ - ackeeStorageKey, - className, - motionStorageKey, - nav, - searchPage, - ...props -}) => { - const headerClass = `${styles.wrapper} ${className}`; - - return ( - <Header className={headerClass}> - <div className={styles.body}> - <Branding {...props} /> - <Toolbar - ackeeStorageKey={ackeeStorageKey} - className={styles.toolbar} - motionStorageKey={motionStorageKey} - nav={nav} - searchPage={searchPage} - /> - </div> - </Header> - ); -}; |
