From 58238f03f01a655fe67ea5a19db4837eec897254 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Mon, 2 Dec 2024 19:26:52 +1000
Subject: [PATCH] [frontend/components] Use InlineEmoji for note reactions

---
 Iceshrimp.Frontend/Components/Note/NoteReaction.razor | 11 +----------
 .../Components/Note/NoteReaction.razor.css            |  5 -----
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Note/NoteReaction.razor b/Iceshrimp.Frontend/Components/Note/NoteReaction.razor
index 0aa8156b..6e9a5b52 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteReaction.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteReaction.razor
@@ -1,15 +1,6 @@
 @using Iceshrimp.Shared.Schemas.Web
 <button @onclick="React" class="reaction @(Reaction.Reacted ? "reacted" : "")" title="@Reaction.Name">
-    <span class="icon">
-        @if (Reaction.Url == null)
-        {
-            @Reaction.Name
-        }
-        @if (Reaction.Url != null)
-        {
-            <img class="custom-reaction" src="@Reaction.Url" alt="@Reaction.Name"/>
-        }
-    </span>
+    <InlineEmoji Name="@Reaction.Name" Url="@Reaction.Url" Wide="true"/>
     <span class="count">
         @Reaction.Count
     </span>
diff --git a/Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css b/Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css
index 5fe15d02..5c7e6bf6 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css
+++ b/Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css
@@ -21,9 +21,4 @@
     height: 1em;
     width: auto;
     vertical-align: -0.1em;
-}
-
-.icon {
-    font-size: 1.5em;
-    vertical-align: middle;
 }
\ No newline at end of file