diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-29 12:13:34 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-29 18:30:05 +0200 |
| commit | 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch) | |
| tree | bfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/PostFooter | |
| parent | 5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff) | |
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries
so it is easier to start from scratch.
Diffstat (limited to 'src/components/PostFooter')
| -rw-r--r-- | src/components/PostFooter/PostFooter.module.scss | 18 | ||||
| -rw-r--r-- | src/components/PostFooter/PostFooter.tsx | 53 |
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; |
