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/MetaItems | |
| 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/MetaItems')
| -rw-r--r-- | src/components/MetaItems/Author/Author.tsx | 21 | ||||
| -rw-r--r-- | src/components/MetaItems/CommentsCount/CommentsCount.tsx | 43 | ||||
| -rw-r--r-- | src/components/MetaItems/Dates/Dates.tsx | 58 | ||||
| -rw-r--r-- | src/components/MetaItems/MetaItem/MetaItem.module.scss | 18 | ||||
| -rw-r--r-- | src/components/MetaItems/MetaItem/MetaItem.tsx | 36 | ||||
| -rw-r--r-- | src/components/MetaItems/PostsCount/PostsCount.tsx | 29 | ||||
| -rw-r--r-- | src/components/MetaItems/ReadingTime/ReadingTime.tsx | 59 | ||||
| -rw-r--r-- | src/components/MetaItems/Thematics/Thematics.tsx | 43 | ||||
| -rw-r--r-- | src/components/MetaItems/Topics/Topics.tsx | 37 | ||||
| -rw-r--r-- | src/components/MetaItems/Website/Website.tsx | 21 | ||||
| -rw-r--r-- | src/components/MetaItems/index.tsx | 21 |
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, -}; |
