refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 0 insertions, 54 deletions

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
deleted file mode 100644
index 381b4a8..0000000
--- a/src/components/Footer/Footer.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { ButtonLink } from '@components/Buttons';
-import Copyright from '@components/Copyright/Copyright';
-import FooterNav from '@components/FooterNav/FooterNav';
-import { ArrowIcon } from '@components/Icons';
-import { useEffect, useState } from 'react';
-import { useIntl } from 'react-intl';
-import styles from './Footer.module.scss';
-
-const Footer = () => {
-  const intl = useIntl();
-  const [backToTopClasses, setBackToTopClasses] = useState(
-    `${styles['back-to-top']} ${styles['back-to-top--hidden']}`
-  );
-
-  const handleScroll = () => {
-    const currentScrollY = window.scrollY;
-
-    if (currentScrollY > 300) {
-      setBackToTopClasses(
-        `${styles['back-to-top']} ${styles['back-to-top--visible']}`
-      );
-    } else {
-      setBackToTopClasses(
-        `${styles['back-to-top']} ${styles['back-to-top--hidden']}`
-      );
-    }
-  };
-
-  useEffect(() => {
-    window.addEventListener('scroll', handleScroll);
-    return () => window.removeEventListener('scroll', handleScroll);
-  }, []);
-
-  return (
-    <footer className={styles.wrapper}>
-      <Copyright />
-      <FooterNav />
-      <div className={backToTopClasses}>
-        <ButtonLink target="#top" position="center">
-          <span className="screen-reader-text">
-            {intl.formatMessage({
-              defaultMessage: 'Back to top',
-              description: 'Footer: Back to top button',
-              id: 'dqrd6I',
-            })}
-          </span>
-          <ArrowIcon direction="top" />
-        </ButtonLink>
-      </div>
-    </footer>
-  );
-};
-
-export default Footer;