diff options
Diffstat (limited to 'src/components/molecules/buttons/back-to-top.tsx')
| -rw-r--r-- | src/components/molecules/buttons/back-to-top.tsx | 46 |
1 files changed, 0 insertions, 46 deletions
diff --git a/src/components/molecules/buttons/back-to-top.tsx b/src/components/molecules/buttons/back-to-top.tsx deleted file mode 100644 index f2e2073..0000000 --- a/src/components/molecules/buttons/back-to-top.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import type { FC, HTMLAttributes } from 'react'; -import { useIntl } from 'react-intl'; -import { ButtonLink, Icon } from '../../atoms'; -import styles from './back-to-top.module.scss'; - -export type BackToTopProps = HTMLAttributes<HTMLDivElement> & { - /** - * Define the element id to us as anchor. - */ - to: string; -}; - -/** - * BackToTop component - * - * Render a back to top link. - */ -export const BackToTop: FC<BackToTopProps> = ({ - className = '', - to, - ...props -}) => { - const intl = useIntl(); - const linkName = intl.formatMessage({ - defaultMessage: 'Back to top', - description: 'BackToTop: link text', - id: 'm+SUSR', - }); - const btnClass = `${styles.wrapper} ${className}`; - const anchor = `#${to}`; - - return ( - <div {...props} className={btnClass}> - <ButtonLink - aria-label={linkName} - className={styles.link} - // eslint-disable-next-line react/jsx-no-literals -- Shape allowed - shape="square" - to={anchor} - > - {/* eslint-disable-next-line react/jsx-no-literals -- Config allowed */} - <Icon aria-hidden={true} orientation="top" shape="arrow" /> - </ButtonLink> - </div> - ); -}; |
