diff options
| -rw-r--r-- | src/components/PostHeader/PostHeader.tsx | 12 | ||||
| -rw-r--r-- | src/pages/404.tsx | 3 | ||||
| -rw-r--r-- | src/pages/blog/index.tsx | 3 | ||||
| -rw-r--r-- | src/pages/recherche/index.tsx | 21 |
4 files changed, 21 insertions, 18 deletions
diff --git a/src/components/PostHeader/PostHeader.tsx b/src/components/PostHeader/PostHeader.tsx index e445b58..2cdc39e 100644 --- a/src/components/PostHeader/PostHeader.tsx +++ b/src/components/PostHeader/PostHeader.tsx @@ -11,7 +11,7 @@ const PostHeader = ({ meta, }: { cover?: Cover; - intro: string; + intro?: string; meta?: ArticleMeta; title: string; }) => { @@ -27,10 +27,12 @@ const PostHeader = ({ {title} </h1> {meta && <PostMeta mode="single" meta={meta} />} - <div - className={styles.intro} - dangerouslySetInnerHTML={{ __html: intro }} - ></div> + {intro && ( + <div + className={styles.intro} + dangerouslySetInnerHTML={{ __html: intro }} + ></div> + )} </div> </header> ); diff --git a/src/pages/404.tsx b/src/pages/404.tsx index 6b6fbf5..f98b371 100644 --- a/src/pages/404.tsx +++ b/src/pages/404.tsx @@ -1,4 +1,5 @@ import { getLayout } from '@components/Layouts/Layout'; +import PostHeader from '@components/PostHeader/PostHeader'; import { seo } from '@config/seo'; import { t, Trans } from '@lingui/macro'; import { NextPageWithLayout } from '@ts/types/app'; @@ -15,7 +16,7 @@ const error404: NextPageWithLayout = () => { <meta name="description" content={seo.error404.description} /> </Head> <div> - <h1>{t`Page not found`}</h1> + <PostHeader title={t`Page not found`} /> <p> <Trans> Sorry, it seems that the page you are looking for does not exist. diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx index 095af72..2a58571 100644 --- a/src/pages/blog/index.tsx +++ b/src/pages/blog/index.tsx @@ -11,6 +11,7 @@ import PostsList from '@components/PostsList/PostsList'; import useSWRInfinite from 'swr/infinite'; import { Button } from '@components/Buttons'; import { getPublishedPosts } from '@services/graphql/queries'; +import PostHeader from '@components/PostHeader/PostHeader'; const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => { const getKey = (pageIndex: number, previousData: PostsListData) => { @@ -46,7 +47,7 @@ const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => { <title>{seo.blog.title}</title> <meta name="description" content={seo.blog.description} /> </Head> - <h1>{t`Blog`}</h1> + <PostHeader title={t`Blog`} /> <PostsList data={data} showYears={true} /> {hasNextPage && ( <Button diff --git a/src/pages/recherche/index.tsx b/src/pages/recherche/index.tsx index c1ea0d3..5fe35a1 100644 --- a/src/pages/recherche/index.tsx +++ b/src/pages/recherche/index.tsx @@ -1,5 +1,6 @@ import { Button } from '@components/Buttons'; import { getLayout } from '@components/Layouts/Layout'; +import PostHeader from '@components/PostHeader/PostHeader'; import PostsList from '@components/PostsList/PostsList'; import { config } from '@config/website'; import { t } from '@lingui/macro'; @@ -57,6 +58,14 @@ const Search: NextPageWithLayout = () => { const hasNextPage = data && data[data.length - 1].pageInfo.hasNextPage; + const title = query + ? t`Search results for: ${query}` + : t({ + id: 'msg.search', + comment: 'Search page title', + message: 'Search', + }); + return ( <> <Head> @@ -64,17 +73,7 @@ const Search: NextPageWithLayout = () => { <meta name="description" content={head.description} /> </Head> <article> - <header> - <h1> - {query - ? t`Search results for: ${query}` - : t({ - id: 'msg.search', - comment: 'Search page title', - message: 'Search', - })} - </h1> - </header> + <PostHeader title={title} /> <div> <PostsList data={data} showYears={false} /> {hasNextPage && ( |