From f3c6af15bb5bcd13505551ca1a99a82eabdeb120 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Thu, 16 Dec 2021 15:00:40 +0800
Subject: [PATCH] =?UTF-8?q?bugfix:=20=E4=BF=AE=E5=A4=8D=E5=B0=81=E9=9D=A2?=
 =?UTF-8?q?=E7=BC=96=E8=AF=91=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ArticleDetail.js | 5 ++---
 components/BlogPostCard.js  | 6 ++----
 lib/notion/getAllPosts.js   | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/components/ArticleDetail.js b/components/ArticleDetail.js
index c97568b4..1d2eb6e8 100644
--- a/components/ArticleDetail.js
+++ b/components/ArticleDetail.js
@@ -40,7 +40,6 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
   const url = BLOG.link + useRouter().asPath
   const { locale } = useGlobal()
   const date = formatDate(post?.date?.start_date || post.createdTime, BLOG.lang)
-  const cover = post.page_cover && post.page_cover.length > 1 ? post.page_cover : undefined
   return (
     <>
      <Progress targetRef={targetRef} />
@@ -52,11 +51,11 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
             itemType="https://schema.org/Movie"
             className="duration-300 hover:shadow-2xl pt-10 animate__fadeIn animate__animated subpixel-antialiased lg:pt-32 lg:px-52 px-5 py-2 dark:border-gray-700 bg-white dark:bg-gray-800"
           >
-            {post.type && !post.type.includes('Page') && cover && (
+            {post.type && !post.type.includes('Page') && post?.page_cover && (
               <>
                 <header className="w-full h-60 lg:h-96 transform duration-200 md:flex-shrink-0 overflow-hidden">
                   <Image
-                    src={cover}
+                    src={post?.page_cover}
                     loading="eager"
                     objectFit="cover"
                     layout="fill"
diff --git a/components/BlogPostCard.js b/components/BlogPostCard.js
index cf776e62..1af762c5 100644
--- a/components/BlogPostCard.js
+++ b/components/BlogPostCard.js
@@ -7,8 +7,6 @@ import { faFolder } from '@fortawesome/free-solid-svg-icons'
 import TagItemMini from './TagItemMini'
 
 const BlogPostCard = ({ post, tags }) => {
-  const cover = (post.page_cover && post.page_cover.length > 1) ? post.page_cover : undefined
-  // const cover = undefined
   return (
     <div key={post.id} className='flex md:flex-row flex-col-reverse justify-between hover:shadow-2xl shadow-md mb-14 duration-300 rounded-xl
       w-full lg:h-60 bg-white dark:bg-gray-800 dark:hover:bg-gray-700 dark:border-gray-600'>
@@ -41,10 +39,10 @@ const BlogPostCard = ({ post, tags }) => {
 
       </div>
 
-      {cover && (
+      {post?.page_cover && (
         <Link href={`${BLOG.path}/article/${post.slug}`} passHref>
         <div className='h-60 w-full md:max-w-sm relative rounded-t-xl md:rounded-t-none md:rounded-r-xl md:h-full duration-200 cursor-pointer transform overflow-hidden'>
-          <Image className='hover:scale-105 transform duration-500 rounded-t-xl md:rounded-t-none md:rounded-r-xl' src={cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
+          <Image className='hover:scale-105 transform duration-500 rounded-t-xl md:rounded-t-none md:rounded-r-xl' src={post?.page_cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' />
         </div>
       </Link>
       )}
diff --git a/lib/notion/getAllPosts.js b/lib/notion/getAllPosts.js
index 0d10d0de..e3d83594 100644
--- a/lib/notion/getAllPosts.js
+++ b/lib/notion/getAllPosts.js
@@ -32,7 +32,7 @@ export async function getAllPosts ({ notionPageData, from, includePage = false }
     properties.createdTime = new Date(pageBlock[id].value?.created_time).toString()
     properties.lastEditedTime = new Date(pageBlock[id].value?.last_edited_time).toString()
     properties.fullWidth = pageBlock[id].value?.format?.page_full_width ?? false
-    properties.page_cover = getPostCover(id, pageBlock) ?? BLOG.defaultImgCover
+    properties.page_cover = getPostCover(id, pageBlock) ?? null
     properties.content = pageBlock[id].value?.content ?? []
     properties.tagItems = properties?.tags?.map(tag => {
       return { name: tag, color: tagOptions.find(t => t.value === tag)?.color || 'gray' }