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.

2 files changed, 0 insertions, 71 deletions

diff --git a/src/components/PostFooter/PostFooter.module.scss b/src/components/PostFooter/PostFooter.module.scss
deleted file mode 100644
index 7c1f1ce..0000000
--- a/src/components/PostFooter/PostFooter.module.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use "@styles/abstracts/functions" as fun;
-@use "@styles/abstracts/placeholders";
-
-.meta {
-  flex-flow: column wrap;
-}
-
-.list {
-  @extend %flex-list;
-
-  gap: var(--spacing-xs);
-}
-
-.item {
-  > a {
-    padding: calc(var(--spacing-2xs) / 2) var(--spacing-xs);
-  }
-}
diff --git a/src/components/PostFooter/PostFooter.tsx b/src/components/PostFooter/PostFooter.tsx
deleted file mode 100644
index 9bc4053..0000000
--- a/src/components/PostFooter/PostFooter.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { ButtonLink } from '@components/Buttons';
-import { TopicPreview } from '@ts/types/taxonomies';
-import Image from 'next/image';
-import { useIntl } from 'react-intl';
-import styles from './PostFooter.module.scss';
-
-const PostFooter = ({ topics }: { topics: TopicPreview[] }) => {
-  const intl = useIntl();
-
-  const getTopics = () => {
-    return topics.map((topic) => {
-      return (
-        <li className={styles.item} key={topic.id}>
-          <ButtonLink target={`/sujet/${topic.slug}`}>
-            {topic.featuredImage && (
-              <Image
-                src={topic.featuredImage.sourceUrl}
-                alt={topic.featuredImage.altText}
-                layout="intrinsic"
-                width="20"
-                height="20"
-              />
-            )}
-            {topic.title}
-          </ButtonLink>
-        </li>
-      );
-    });
-  };
-
-  return (
-    <footer>
-      {topics.length > 0 && (
-        <>
-          <dl className={styles.meta}>
-            <dt>
-              {intl.formatMessage({
-                defaultMessage: 'Read more articles about:',
-                description: 'PostFooter: read more posts about given subjects',
-                id: 'YEudoh',
-              })}
-            </dt>
-            <dd>
-              <ul className={styles.list}>{getTopics()}</ul>
-            </dd>
-          </dl>
-        </>
-      )}
-    </footer>
-  );
-};
-
-export default PostFooter;