From c3b438a5252e8c8897c868cdda8377e3162fdd69 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 6 Jan 2022 18:15:18 +0100 Subject: refactor: reuse PostHeader for all pages except homepage --- src/components/PostHeader/PostHeader.tsx | 12 +++++++----- src/pages/404.tsx | 3 ++- src/pages/blog/index.tsx | 3 ++- src/pages/recherche/index.tsx | 21 ++++++++++----------- 4 files changed, 21 insertions(+), 18 deletions(-) (limited to 'src') 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} {meta && } -
+ {intro && ( +
+ )} ); 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 = () => {
-

{t`Page not found`}

+

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 = ({ fallback }) => { const getKey = (pageIndex: number, previousData: PostsListData) => { @@ -46,7 +47,7 @@ const Blog: NextPageWithLayout = ({ fallback }) => { {seo.blog.title} -

{t`Blog`}

+ {hasNextPage && (