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/thematique | |
| parent | 99014e5634c6216173bf90117750f95172924134 (diff) | |
chore: add title and meta desc to subjects and thematics
Diffstat (limited to 'src/pages/thematique')
| -rw-r--r-- | src/pages/thematique/[slug].tsx | 47 |
1 files changed, 28 insertions, 19 deletions
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> + </> ); }; |