From e09f2bac1a1bece89e65b532b00221ef9b6f21d3 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Tue, 5 Nov 2024 17:18:12 +1000
Subject: [PATCH] [frontend/components] Render emojis in user bio and profile
 fields

---
 Iceshrimp.Frontend/Components/ProfileInfo.razor      | 5 +++--
 Iceshrimp.Frontend/Components/ProfileInfoField.razor | 7 ++++---
 Iceshrimp.Frontend/Components/UserProfileCard.razor  | 2 +-
 Iceshrimp.Frontend/Pages/ProfileView.razor           | 2 +-
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/ProfileInfo.razor b/Iceshrimp.Frontend/Components/ProfileInfo.razor
index 22a213f0..f4f9c6f3 100644
--- a/Iceshrimp.Frontend/Components/ProfileInfo.razor
+++ b/Iceshrimp.Frontend/Components/ProfileInfo.razor
@@ -7,7 +7,7 @@
     @if (UserProfile.Bio != null)
     { 
         <div class="bio">
-            <MfmText Text="@UserProfile.Bio"/>
+            <MfmText Text="@UserProfile.Bio" Emoji="@Emojis"/>
         </div>
     }
     <div class="data">
@@ -37,7 +37,7 @@
         <div class="fields">
             @foreach (var field in UserProfile.Fields)
             {
-                <ProfileInfoField Field="field"/>
+                <ProfileInfoField Field="field" Emojis="@Emojis"/>
             }
         </div>
     }
@@ -63,4 +63,5 @@
 
 @code {
     [Parameter] [EditorRequired] public required UserProfileResponse UserProfile { get; set; }
+    [Parameter] [EditorRequired] public required List<EmojiResponse> Emojis      { get; set; }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/ProfileInfoField.razor b/Iceshrimp.Frontend/Components/ProfileInfoField.razor
index 7e2e500b..3a7e2f96 100644
--- a/Iceshrimp.Frontend/Components/ProfileInfoField.razor
+++ b/Iceshrimp.Frontend/Components/ProfileInfoField.razor
@@ -6,13 +6,14 @@
         {
             <Icon class="verified" Name="Icons.SealCheck" Size="1.3em"/>
         }
-        @Field.Name
+        <MfmText Text="@Field.Name" Emoji="@Emojis" Simple="@true"></MfmText>
     </span>
     <span class="field-value">
-        <MfmText Text="@Field.Value"></MfmText>
+        <MfmText Text="@Field.Value" Emoji="@Emojis" Simple="@true"></MfmText>
     </span>
 </div>
 
 @code {
-    [Parameter] [EditorRequired] public required UserProfileField Field { get; set; }
+    [Parameter] [EditorRequired] public required UserProfileField    Field  { get; set; }
+    [Parameter] [EditorRequired] public required List<EmojiResponse> Emojis { get; set; }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/UserProfileCard.razor b/Iceshrimp.Frontend/Components/UserProfileCard.razor
index 2819af51..50fb2e76 100644
--- a/Iceshrimp.Frontend/Components/UserProfileCard.razor
+++ b/Iceshrimp.Frontend/Components/UserProfileCard.razor
@@ -49,7 +49,7 @@
             @if (UserProfile.Bio != null)
             {
                 <div class="bio">
-                    <MfmText Text="@UserProfile.Bio"/>
+                    <MfmText Text="@UserProfile.Bio" Emoji="@User.Emojis"/>
                 </div>
             }
         }
diff --git a/Iceshrimp.Frontend/Pages/ProfileView.razor b/Iceshrimp.Frontend/Pages/ProfileView.razor
index ec9c07c8..8b10049d 100644
--- a/Iceshrimp.Frontend/Pages/ProfileView.razor
+++ b/Iceshrimp.Frontend/Pages/ProfileView.razor
@@ -39,7 +39,7 @@
                 </div>
                 <FollowButton User="UserResponse" UserProfile="Profile"/>
             </div>
-            <ProfileInfo UserProfile="Profile"/>
+            <ProfileInfo Emojis="@UserResponse.Emojis" UserProfile="Profile"/>
         </div>
         @if (UserNotes.Count > 0)
         {