From 19ea8a606afaac947a0058eecdf260f9098ca798 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 17 Jul 2024 17:07:44 +0800
Subject: [PATCH] feat: show error message in feed error

Signed-off-by: Innei <i@innei.in>
---
 icons/mgc/time_cute_re.svg                    |  1 +
 src/renderer/src/modules/feed-column/item.tsx | 25 +++++++++++++------
 2 files changed, 18 insertions(+), 8 deletions(-)
 create mode 100644 icons/mgc/time_cute_re.svg

diff --git a/icons/mgc/time_cute_re.svg b/icons/mgc/time_cute_re.svg
new file mode 100644
index 000000000..fcab9f21e
--- /dev/null
+++ b/icons/mgc/time_cute_re.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" fill-opacity=".01" d="M24 0v24H0V0z"/><path stroke="#10161F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 7v3.757a3 3 0 0 0 .879 2.122L15 15m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0"/></svg>
\ No newline at end of file
diff --git a/src/renderer/src/modules/feed-column/item.tsx b/src/renderer/src/modules/feed-column/item.tsx
index 28ac1061f..03cf76da6 100644
--- a/src/renderer/src/modules/feed-column/item.tsx
+++ b/src/renderer/src/modules/feed-column/item.tsx
@@ -168,14 +168,23 @@ const FeedItemImpl = ({
               </TooltipTrigger>
               <TooltipPortal>
                 <TooltipContent>
-                  Error since
-                  {" "}
-                  {dayjs
-                    .duration(
-                      dayjs(feed.errorAt).diff(dayjs(), "minute"),
-                      "minute",
-                    )
-                    .humanize(true)}
+                  <div className="flex items-center gap-1">
+                    <i className="i-mgc-time-cute-re" />
+                    Error since
+                    {" "}
+                    {dayjs
+                      .duration(
+                        dayjs(feed.errorAt).diff(dayjs(), "minute"),
+                        "minute",
+                      )
+                      .humanize(true)}
+                  </div>
+                  {!!feed.errorMessage && (
+                    <div className="flex items-center gap-1">
+                      <i className="i-mgc-bug-cute-re" />
+                      {feed.errorMessage}
+                    </div>
+                  )}
                 </TooltipContent>
               </TooltipPortal>
             </Tooltip>