fix: slot icon in action button group

Signed-off-by: Innei <[email protected]>
RSSNext · Jul 31, 2024 · 79b26a0 · 79b26a0
1 parent a17ea00
commit 79b26a0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/renderer/src/modules/entry-column/social-media-item.tsx b/src/renderer/src/modules/entry-column/social-media-item.tsx
@@ -1,3 +1,4 @@
+import { Slot } from "@radix-ui/react-slot"
 import { FeedIcon } from "@renderer/components/feed-icon"
 import { ActionButton } from "@renderer/components/ui/button"
 import { RelativeTime } from "@renderer/components/ui/datetime"
@@ -123,7 +124,9 @@ const ActionBar = ({ entryId }: { entryId: string }) => {
           <ActionButton
             icon={
               item.icon ? (
-                <img className="size-4 grayscale" src={item.icon} />
+                <Slot className="size-4">
+                  {item.icon}
+                </Slot>
               ) : (
                 <i className={item.className} />
               )