aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/MetaItems
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/MetaItems
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (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/MetaItems')
-rw-r--r--src/components/MetaItems/Author/Author.tsx21
-rw-r--r--src/components/MetaItems/CommentsCount/CommentsCount.tsx43
-rw-r--r--src/components/MetaItems/Dates/Dates.tsx58
-rw-r--r--src/components/MetaItems/MetaItem/MetaItem.module.scss18
-rw-r--r--src/components/MetaItems/MetaItem/MetaItem.tsx36
-rw-r--r--src/components/MetaItems/PostsCount/PostsCount.tsx29
-rw-r--r--src/components/MetaItems/ReadingTime/ReadingTime.tsx59
-rw-r--r--src/components/MetaItems/Thematics/Thematics.tsx43
-rw-r--r--src/components/MetaItems/Topics/Topics.tsx37
-rw-r--r--src/components/MetaItems/Website/Website.tsx21
-rw-r--r--src/components/MetaItems/index.tsx21
11 files changed, 0 insertions, 386 deletions
diff --git a/src/components/MetaItems/Author/Author.tsx b/src/components/MetaItems/Author/Author.tsx
deleted file mode 100644
index 4ff0086..0000000
--- a/src/components/MetaItems/Author/Author.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const Author = ({ name, kind }: { name: string; kind: MetaKind }) => {
- const intl = useIntl();
-
- return (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Written by:',
- description: 'Author: article author meta label',
- id: 'jCyqZS',
- })}
- value={name}
- kind={kind}
- />
- );
-};
-
-export default Author;
diff --git a/src/components/MetaItems/CommentsCount/CommentsCount.tsx b/src/components/MetaItems/CommentsCount/CommentsCount.tsx
deleted file mode 100644
index 04cffa6..0000000
--- a/src/components/MetaItems/CommentsCount/CommentsCount.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useRouter } from 'next/router';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const CommentsCount = ({ total, kind }: { total: number; kind: MetaKind }) => {
- const intl = useIntl();
- const { asPath } = useRouter();
-
- const isArticle = () => asPath.includes('/article/');
-
- const getCommentsCount = () => {
- return intl.formatMessage(
- {
- defaultMessage:
- '{total, plural, =0 {No comments} one {# comment} other {# comments}}',
- description: 'CommentsCount: comment count value',
- id: 'lKGNKx',
- },
- { total }
- );
- };
-
- return (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Comments:',
- description: 'CommentsCount: comment count meta label',
- id: '6BRtAu',
- })}
- value={
- isArticle() ? (
- <a href="#comments">{getCommentsCount()}</a>
- ) : (
- getCommentsCount()
- )
- }
- kind={kind}
- />
- );
-};
-
-export default CommentsCount;
diff --git a/src/components/MetaItems/Dates/Dates.tsx b/src/components/MetaItems/Dates/Dates.tsx
deleted file mode 100644
index 4314ed9..0000000
--- a/src/components/MetaItems/Dates/Dates.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { settings } from '@utils/config';
-import { getFormattedDate } from '@utils/helpers/format';
-import { useRouter } from 'next/router';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const Dates = ({
- publication,
- update,
- kind,
-}: {
- publication: string;
- update: string;
- kind: MetaKind;
-}) => {
- const intl = useIntl();
- const { locale } = useRouter();
- const validLocale = locale ? locale : settings.locales.defaultLocale;
-
- const publicationDate = getFormattedDate(publication, validLocale);
- const updateDate = getFormattedDate(update, validLocale);
-
- return (
- <>
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Published on:',
- description: 'Dates: publication date meta label',
- id: '52Fev1',
- })}
- values={[
- <time key={publication} dateTime={publication}>
- {publicationDate}
- </time>,
- ]}
- kind={kind}
- />
- {publicationDate !== updateDate && (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Updated on:',
- description: 'Dates: update date meta label',
- id: 'C+r/LF',
- })}
- values={[
- <time key={update} dateTime={update}>
- {updateDate}
- </time>,
- ]}
- kind={kind}
- />
- )}
- </>
- );
-};
-
-export default Dates;
diff --git a/src/components/MetaItems/MetaItem/MetaItem.module.scss b/src/components/MetaItems/MetaItem/MetaItem.module.scss
deleted file mode 100644
index 0b159ca..0000000
--- a/src/components/MetaItems/MetaItem/MetaItem.module.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.wrapper--article {
- display: flex;
- flex-flow: row wrap;
-}
-
-.title--article {
- margin-right: var(--spacing-2xs);
- color: var(--color-fg-light);
-}
-
-.body--article {
- &:not(:first-of-type) {
- &::before {
- content: "/";
- margin: 0 var(--spacing-2xs);
- }
- }
-}
diff --git a/src/components/MetaItems/MetaItem/MetaItem.tsx b/src/components/MetaItems/MetaItem/MetaItem.tsx
deleted file mode 100644
index 5c51283..0000000
--- a/src/components/MetaItems/MetaItem/MetaItem.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { ReactElement } from 'react';
-import styles from './MetaItem.module.scss';
-
-const MetaItem = ({
- title,
- value,
- values,
- info,
- kind = 'list',
-}: {
- title: string;
- value?: ReactElement | string;
- values?: ReactElement[] | string[];
- info?: string;
- kind: MetaKind;
-}) => {
- return (
- <div className={styles[`wrapper--${kind}`]}>
- <dt className={styles[`title--${kind}`]}>{title}</dt>
- {value && (
- <dd className={styles[`body--${kind}`]} title={info}>
- {value}
- </dd>
- )}
- {values &&
- values.map((currentValue, index) => (
- <dd key={index} className={styles[`body--${kind}`]} title={info}>
- {currentValue}
- </dd>
- ))}
- </div>
- );
-};
-
-export default MetaItem;
diff --git a/src/components/MetaItems/PostsCount/PostsCount.tsx b/src/components/MetaItems/PostsCount/PostsCount.tsx
deleted file mode 100644
index 679abcd..0000000
--- a/src/components/MetaItems/PostsCount/PostsCount.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const PostsCount = ({ total, kind }: { total: number; kind: MetaKind }) => {
- const intl = useIntl();
-
- return (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Total:',
- description: 'PostCount: total found articles meta label',
- id: 'p1zZ/Z',
- })}
- value={intl.formatMessage(
- {
- defaultMessage:
- '{total, plural, =0 {No articles} one {# article} other {# articles}}',
- description: 'PostCount: total found articles',
- id: '4EMSLO',
- },
- { total }
- )}
- kind={kind}
- />
- );
-};
-
-export default PostsCount;
diff --git a/src/components/MetaItems/ReadingTime/ReadingTime.tsx b/src/components/MetaItems/ReadingTime/ReadingTime.tsx
deleted file mode 100644
index 79d6f3c..0000000
--- a/src/components/MetaItems/ReadingTime/ReadingTime.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useRouter } from 'next/router';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const ReadingTime = ({
- time,
- words,
- kind,
-}: {
- time: number;
- words: number;
- kind: MetaKind;
-}) => {
- const intl = useIntl();
- const { locale } = useRouter();
-
- const getEstimation = () => {
- if (time < 0) {
- return intl.formatMessage({
- defaultMessage: 'less than 1 minute',
- description: 'ReadingTime: Reading time value',
- id: 'ySsWZl',
- });
- }
-
- return intl.formatMessage(
- {
- defaultMessage:
- '{time, plural, =0 {# minutes} one {# minute} other {# minutes}}',
- description: 'ReadingTime: reading time value',
- id: 'wdqOpf',
- },
- { time }
- );
- };
-
- return (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Reading time:',
- description: 'ReadingTime: reading time meta label',
- id: 'n0Gbod',
- })}
- value={getEstimation()}
- info={intl.formatMessage(
- {
- defaultMessage: 'Approximately {number} words',
- description: 'ReadingTime: number of words',
- id: 'k7/SkN',
- },
- { number: words.toLocaleString(locale) }
- )}
- kind={kind}
- />
- );
-};
-
-export default ReadingTime;
diff --git a/src/components/MetaItems/Thematics/Thematics.tsx b/src/components/MetaItems/Thematics/Thematics.tsx
deleted file mode 100644
index e655c5d..0000000
--- a/src/components/MetaItems/Thematics/Thematics.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { ThematicPreview } from '@ts/types/taxonomies';
-import Link from 'next/link';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const Thematics = ({
- list,
- kind,
-}: {
- list: ThematicPreview[];
- kind: MetaKind;
-}) => {
- const intl = useIntl();
-
- const getThematics = () => {
- return list.map((thematic) => {
- return (
- <Link key={thematic.databaseId} href={`/thematique/${thematic.slug}`}>
- <a>{thematic.title}</a>
- </Link>
- );
- });
- };
-
- return (
- <MetaItem
- title={intl.formatMessage(
- {
- defaultMessage:
- '{thematicsCount, plural, =0 {Thematics:} one {Thematic:} other {Thematics:}}',
- description: 'Thematics: thematics list meta label',
- id: '1r4ujR',
- },
- { thematicsCount: list.length }
- )}
- values={getThematics()}
- kind={kind}
- />
- );
-};
-
-export default Thematics;
diff --git a/src/components/MetaItems/Topics/Topics.tsx b/src/components/MetaItems/Topics/Topics.tsx
deleted file mode 100644
index d5d90f0..0000000
--- a/src/components/MetaItems/Topics/Topics.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { TopicPreview } from '@ts/types/taxonomies';
-import Link from 'next/link';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const Topics = ({ list, kind }: { list: TopicPreview[]; kind: MetaKind }) => {
- const intl = useIntl();
-
- const getTopics = () => {
- return list.map((topic) => {
- return (
- <Link key={topic.databaseId} href={`/sujet/${topic.slug}`}>
- <a>{topic.title}</a>
- </Link>
- );
- });
- };
-
- return (
- <MetaItem
- title={intl.formatMessage(
- {
- defaultMessage:
- '{topicsCount, plural, =0 {Topics:} one {Topic:} other {Topics:}}',
- description: 'Topics: topics list meta label',
- id: '0pp/IQ',
- },
- { topicsCount: list.length }
- )}
- values={getTopics()}
- kind={kind}
- />
- );
-};
-
-export default Topics;
diff --git a/src/components/MetaItems/Website/Website.tsx b/src/components/MetaItems/Website/Website.tsx
deleted file mode 100644
index 7d2dc06..0000000
--- a/src/components/MetaItems/Website/Website.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { MetaKind } from '@ts/types/app';
-import { useIntl } from 'react-intl';
-import { MetaItem } from '..';
-
-const Website = ({ url, kind }: { url: string; kind: MetaKind }) => {
- const intl = useIntl();
-
- return (
- <MetaItem
- title={intl.formatMessage({
- defaultMessage: 'Website:',
- description: 'Website: website meta label',
- id: 'JsOoAW',
- })}
- value={<a href={url}>{url}</a>}
- kind={kind}
- />
- );
-};
-
-export default Website;
diff --git a/src/components/MetaItems/index.tsx b/src/components/MetaItems/index.tsx
deleted file mode 100644
index e90d5a6..0000000
--- a/src/components/MetaItems/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import Author from './Author/Author';
-import CommentsCount from './CommentsCount/CommentsCount';
-import Dates from './Dates/Dates';
-import MetaItem from './MetaItem/MetaItem';
-import PostsCount from './PostsCount/PostsCount';
-import ReadingTime from './ReadingTime/ReadingTime';
-import Thematics from './Thematics/Thematics';
-import Topics from './Topics/Topics';
-import Website from './Website/Website';
-
-export {
- Author,
- CommentsCount,
- Dates,
- MetaItem,
- PostsCount,
- ReadingTime,
- Thematics,
- Topics,
- Website,
-};