diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-11 16:20:59 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-11 16:20:59 +0100 |
| commit | 606461f857e06b06429dd5738be642f9d1b459be (patch) | |
| tree | b8cd9a8fae669ecdf74f52deae4c54ef820c1470 /src/pages | |
| parent | 99014e5634c6216173bf90117750f95172924134 (diff) | |
chore: add title and meta desc to subjects and thematics
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/sujet/[slug].tsx | 57 | ||||
| -rw-r--r-- | src/pages/thematique/[slug].tsx | 47 |
2 files changed, 61 insertions, 43 deletions
diff --git a/src/pages/sujet/[slug].tsx b/src/pages/sujet/[slug].tsx index 167bfc0..a7adf89 100644 --- a/src/pages/sujet/[slug].tsx +++ b/src/pages/sujet/[slug].tsx @@ -16,6 +16,7 @@ import { ArticleMeta } from '@ts/types/articles'; import ToC from '@components/ToC/ToC'; import { RelatedThematics, TopicsList } from '@components/Widget'; import { useRef } from 'react'; +import Head from 'next/head'; const Subject: NextPageWithLayout<SubjectProps> = ({ subject }) => { const relatedThematics = useRef<ThematicPreview[]>([]); @@ -49,30 +50,38 @@ const Subject: NextPageWithLayout<SubjectProps> = ({ subject }) => { }; return ( - <article className={`${styles.article} ${styles['article--no-comments']}`}> - <PostHeader - cover={subject.featuredImage} - intro={subject.intro} - meta={meta} - title={subject.title} - /> - <aside className={styles.toc}> - <ToC /> - </aside> - <div className={styles.body}> - <div dangerouslySetInnerHTML={{ __html: subject.content }}></div> - {subject.posts.length > 0 && ( - <section className={styles.section}> - <h2>{t`All posts in ${subject.title}`}</h2> - <ol className={styles.list}>{getPostsList()}</ol> - </section> - )} - </div> - <aside className={`${styles.aside} ${styles['aside--overflow']}`}> - <RelatedThematics thematics={relatedThematics.current} /> - <TopicsList title={t`Other topics`} /> - </aside> - </article> + <> + <Head> + <title>{subject.seo.title}</title> + <meta name="description" content={subject.seo.metaDesc} /> + </Head> + <article + className={`${styles.article} ${styles['article--no-comments']}`} + > + <PostHeader + cover={subject.featuredImage} + intro={subject.intro} + meta={meta} + title={subject.title} + /> + <aside className={styles.toc}> + <ToC /> + </aside> + <div className={styles.body}> + <div dangerouslySetInnerHTML={{ __html: subject.content }}></div> + {subject.posts.length > 0 && ( + <section className={styles.section}> + <h2>{t`All posts in ${subject.title}`}</h2> + <ol className={styles.list}>{getPostsList()}</ol> + </section> + )} + </div> + <aside className={`${styles.aside} ${styles['aside--overflow']}`}> + <RelatedThematics thematics={relatedThematics.current} /> + <TopicsList title={t`Other topics`} /> + </aside> + </article> + </> ); }; diff --git a/src/pages/thematique/[slug].tsx b/src/pages/thematique/[slug].tsx index 4921806..f23ad5b 100644 --- a/src/pages/thematique/[slug].tsx +++ b/src/pages/thematique/[slug].tsx @@ -16,6 +16,7 @@ import ToC from '@components/ToC/ToC'; import { RelatedTopics, ThematicsList } from '@components/Widget'; import { useRef } from 'react'; import { ArticleMeta } from '@ts/types/articles'; +import Head from 'next/head'; const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => { const relatedSubjects = useRef<SubjectPreview[]>([]); @@ -48,25 +49,33 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => { }; return ( - <article className={`${styles.article} ${styles['article--no-comments']}`}> - <PostHeader intro={thematic.intro} meta={meta} title={thematic.title} /> - <aside className={styles.toc}> - <ToC /> - </aside> - <div className={styles.body}> - <div dangerouslySetInnerHTML={{ __html: thematic.content }}></div> - {thematic.posts.length > 0 && ( - <section className={styles.section}> - <h2>{t`All posts in ${thematic.title}`}</h2> - <ol className={styles.list}>{getPostsList()}</ol> - </section> - )} - </div> - <aside className={`${styles.aside} ${styles['aside--overflow']}`}> - <RelatedTopics topics={relatedSubjects.current} /> - <ThematicsList title={t`Other thematics`} /> - </aside> - </article> + <> + <Head> + <title>{thematic.seo.title}</title> + <meta name="description" content={thematic.seo.metaDesc} /> + </Head> + <article + className={`${styles.article} ${styles['article--no-comments']}`} + > + <PostHeader intro={thematic.intro} meta={meta} title={thematic.title} /> + <aside className={styles.toc}> + <ToC /> + </aside> + <div className={styles.body}> + <div dangerouslySetInnerHTML={{ __html: thematic.content }}></div> + {thematic.posts.length > 0 && ( + <section className={styles.section}> + <h2>{t`All posts in ${thematic.title}`}</h2> + <ol className={styles.list}>{getPostsList()}</ol> + </section> + )} + </div> + <aside className={`${styles.aside} ${styles['aside--overflow']}`}> + <RelatedTopics topics={relatedSubjects.current} /> + <ThematicsList title={t`Other thematics`} /> + </aside> + </article> + </> ); }; |