From 9a85c175bf59b7a360f09da23a3ac83293838570 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 7 Jan 2022 18:51:02 +0100
Subject: chore: add article header styles

---
 src/components/Breadcrumb/Breadcrumb.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

(limited to 'src/components/Breadcrumb/Breadcrumb.tsx')

diff --git a/src/components/Breadcrumb/Breadcrumb.tsx b/src/components/Breadcrumb/Breadcrumb.tsx
index e090a4f..77e7c08 100644
--- a/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/Breadcrumb/Breadcrumb.tsx
@@ -1,4 +1,5 @@
 import { t } from '@lingui/macro';
+import Head from 'next/head';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import styles from './Breadcrumb.module.scss';
@@ -7,7 +8,6 @@ const Breadcrumb = ({ pageTitle }: { pageTitle: string }) => {
   const router = useRouter();
 
   const isHome = router.pathname === '/';
-  const isBlog = router.pathname === '/blog';
   const isArticle = router.pathname.includes('/article/');
   const isThematic = router.pathname.includes('/thematique/');
   const isSubject = router.pathname.includes('/sujet/');
@@ -15,12 +15,14 @@ const Breadcrumb = ({ pageTitle }: { pageTitle: string }) => {
   const getItems = () => {
     return (
       <>
+        <Head>
+          <script type="application/ld+json">{}</script>
+        </Head>
         <li className={styles.item}>
           <Link href="/">
             <a>{t`Home`}</a>
           </Link>
         </li>
-        {isBlog && <li className={styles.item}>{t`Blog`}</li>}
         {(isArticle || isThematic || isSubject) && (
           <>
             <li className={styles.item}>
@@ -28,12 +30,8 @@ const Breadcrumb = ({ pageTitle }: { pageTitle: string }) => {
                 <a>{t`Blog`}</a>
               </Link>
             </li>
-            <li className={styles.item}>{pageTitle}</li>
           </>
         )}
-        {!isBlog && !isArticle && !isThematic && !isSubject && (
-          <li className={styles.item}>{pageTitle}</li>
-        )}
       </>
     );
   };
@@ -41,7 +39,7 @@ const Breadcrumb = ({ pageTitle }: { pageTitle: string }) => {
   return (
     <>
       {!isHome && (
-        <nav>
+        <nav className={styles.wrapper}>
           <span className="screen-reader-text">{t`You are here:`}</span>
           <ol className={styles.list}>{getItems()}</ol>
         </nav>
-- 
cgit v1.2.3

