From 1fed006dab1b3ab1a9739a975d31897f61f6f409 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 16 Jul 2023 11:49:21 +0800
Subject: [PATCH] feat: add summary skeleton

---
 src/components/widgets/xlog/XLogSummary.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/widgets/xlog/XLogSummary.tsx b/src/components/widgets/xlog/XLogSummary.tsx
index 73c49fd716..f54801abc8 100644
--- a/src/components/widgets/xlog/XLogSummary.tsx
+++ b/src/components/widgets/xlog/XLogSummary.tsx
@@ -46,7 +46,15 @@ const XLogSummary: FC<{
 
       <AutoResizeHeight duration={0.3}>
         <p className="text-base-content/85 !m-0 text-sm leading-loose">
-          {isLoading ? '加载中...' : error ? '请求错误' : data?.data}
+          {isLoading ? (
+            <div className="space-y-2">
+              <span className="block h-5 w-full animate-pulse rounded-xl bg-zinc-200 dark:bg-neutral-800" />
+              <span className="block h-5 w-full animate-pulse rounded-xl bg-zinc-200 dark:bg-neutral-800" />
+              <span className="block h-5 w-full animate-pulse rounded-xl bg-zinc-200 dark:bg-neutral-800" />
+            </div>
+          ) : (
+            data?.data
+          )}
         </p>
         {isLoading && (
           <p className="border-slate-200 text-right text-sm dark:border-slate-800 ">
@@ -60,9 +68,8 @@ const XLogSummary: FC<{
       </AutoResizeHeight>
     </div>
   )
-  console.log(data, cid)
 
-  if (!cid || !data?.data) {
+  if (!cid || error) {
     Inner = null
   }