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/organisms/layout/footer.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/organisms/layout/footer.tsx')
| -rw-r--r-- | src/components/organisms/layout/footer.tsx | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/src/components/organisms/layout/footer.tsx b/src/components/organisms/layout/footer.tsx deleted file mode 100644 index 36e85a7..0000000 --- a/src/components/organisms/layout/footer.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import type { FC } from 'react'; -import { useIntl } from 'react-intl'; -import { Copyright, type CopyrightProps } from '../../atoms'; -import { - BackToTop, - type BackToTopProps, - Nav, - type NavItem, -} from '../../molecules'; -import styles from './footer.module.scss'; - -export type FooterProps = { - /** - * Set additional classnames to the back to top button. - */ - backToTopClassName?: BackToTopProps['className']; - /** - * Set additional classnames to the footer element. - */ - className?: string; - /** - * Set the copyright information. - */ - copyright: CopyrightProps; - /** - * The footer nav items. - */ - navItems?: NavItem[]; - /** - * An element id (without hashtag) used as anchor for back to top button. - */ - topId: string; -}; - -/** - * Footer component - * - * Renders a footer with copyright and nav; - */ -export const Footer: FC<FooterProps> = ({ - backToTopClassName, - className = '', - copyright, - navItems, - topId, -}) => { - const intl = useIntl(); - const ariaLabel = intl.formatMessage({ - defaultMessage: 'Footer', - description: 'Footer: an accessible name for footer nav', - id: 'd4N8nD', - }); - const footerClass = `${styles.wrapper} ${className}`; - const btnClass = `${styles['back-to-top']} ${backToTopClassName}`; - - return ( - <footer className={footerClass}> - <Copyright - dates={copyright.dates} - icon={copyright.icon} - owner={copyright.owner} - /> - {navItems ? ( - <Nav - aria-label={ariaLabel} - className={styles.nav} - items={navItems} - // eslint-disable-next-line react/jsx-no-literals -- Hardcoded config - kind="footer" - /> - ) : null} - <BackToTop className={btnClass} to={topId} /> - </footer> - ); -}; |
