From 0fadba7d82e676d7e62464e667b3019b9f184e21 Mon Sep 17 00:00:00 2001
From: wohainilaodou <weidear99@gmail.com>
Date: Mon, 28 Oct 2024 18:30:50 +0800
Subject: [PATCH] [INLONG-11425][Dashboard] Data synchronization corrects the
 display problem of uncommitted data

---
 .../src/ui/pages/GroupDetail/DataStream/PreviewModal.tsx   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/DataStream/PreviewModal.tsx b/inlong-dashboard/src/ui/pages/GroupDetail/DataStream/PreviewModal.tsx
index 4c90c80951..fc3b536185 100644
--- a/inlong-dashboard/src/ui/pages/GroupDetail/DataStream/PreviewModal.tsx
+++ b/inlong-dashboard/src/ui/pages/GroupDetail/DataStream/PreviewModal.tsx
@@ -188,11 +188,14 @@ const Comp: React.FC<Props> = ({ inlongGroupId, inlongStreamId, ...modalProps })
         ]}
       >
         <div>
-          <Card title="headers" bordered={false} style={{ width: 700 }}>
+          <Card title="atrributes" bordered={false} style={{ width: 700 }}>
+            <p style={{ margin: 0 }}>{JSON.stringify(originalModal?.record['attribute'])}</p>
+          </Card>
+          <Card title="headers" bordered={false} style={{ width: 700, marginTop: 10 }}>
             <p style={{ margin: 0 }}>{JSON.stringify(originalModal?.record['headers'])}</p>
           </Card>
           <Card title="body" bordered={false} style={{ width: 700, marginTop: 10 }}>
-            <p style={{ margin: 0 }}>{originalModal?.record['body']}</p>
+            <p style={{ margin: 0 }}>{originalModal?.record['preBody']}</p>
           </Card>
         </div>
       </Modal>