From 6c990033c7a8d82a816121b7d8fc82dcd076cfa5 Mon Sep 17 00:00:00 2001
From: chuyun <info_together@aliyun.com>
Date: Thu, 13 Jul 2023 22:36:22 +0800
Subject: [PATCH] fix: the eoi component displays an exception under the block
 type

---
 packages/react-notion-x/src/components/eoi.tsx | 10 ++++++++--
 packages/react-notion-x/src/styles.css         |  7 +++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/react-notion-x/src/components/eoi.tsx b/packages/react-notion-x/src/components/eoi.tsx
index d5684e850..a3862890a 100644
--- a/packages/react-notion-x/src/components/eoi.tsx
+++ b/packages/react-notion-x/src/components/eoi.tsx
@@ -63,8 +63,14 @@ export const EOI: React.FC<{
 
       <div className='notion-external-description'>
         <div className='notion-external-title'>{title}</div>
-
-        {(owner || lastUpdated) && (
+        {!inline && owner ? (
+          <div className='notion-external-block-desc'>
+            {owner}
+            {lastUpdated && <span> • </span>}
+            {lastUpdated && `Updated ${lastUpdated}`}
+          </div>
+        ) : null}
+        {inline && (owner || lastUpdated) && (
           <MentionPreviewCard
             title={title}
             owner={owner}
diff --git a/packages/react-notion-x/src/styles.css b/packages/react-notion-x/src/styles.css
index 184e8b3f0..1ea9a0c96 100644
--- a/packages/react-notion-x/src/styles.css
+++ b/packages/react-notion-x/src/styles.css
@@ -2729,6 +2729,13 @@ svg.notion-page-icon {
   color: var(--fg-color-3);
 }
 
+.notion-external-block-desc {
+  color: rgba(55, 53, 47, 0.65);
+  font-size: 12px;
+  white-space: nowrap;
+  padding-top: 4px;
+}
+
 .notion-external-mention .notion-external-subtitle {
   display: none;
   position: absolute;