[frontend/components] Render emojis in user bio and profile fields

This commit is contained in:
pancakes 2024-11-05 17:18:12 +10:00
parent a92f01e7e1
commit e09f2bac1a
No known key found for this signature in database
GPG key ID: ED53D426432B861B
4 changed files with 9 additions and 7 deletions

View file

@ -7,7 +7,7 @@
@if (UserProfile.Bio != null) @if (UserProfile.Bio != null)
{ {
<div class="bio"> <div class="bio">
<MfmText Text="@UserProfile.Bio"/> <MfmText Text="@UserProfile.Bio" Emoji="@Emojis"/>
</div> </div>
} }
<div class="data"> <div class="data">
@ -37,7 +37,7 @@
<div class="fields"> <div class="fields">
@foreach (var field in UserProfile.Fields) @foreach (var field in UserProfile.Fields)
{ {
<ProfileInfoField Field="field"/> <ProfileInfoField Field="field" Emojis="@Emojis"/>
} }
</div> </div>
} }
@ -63,4 +63,5 @@
@code { @code {
[Parameter] [EditorRequired] public required UserProfileResponse UserProfile { get; set; } [Parameter] [EditorRequired] public required UserProfileResponse UserProfile { get; set; }
[Parameter] [EditorRequired] public required List<EmojiResponse> Emojis { get; set; }
} }

View file

@ -6,13 +6,14 @@
{ {
<Icon class="verified" Name="Icons.SealCheck" Size="1.3em"/> <Icon class="verified" Name="Icons.SealCheck" Size="1.3em"/>
} }
@Field.Name <MfmText Text="@Field.Name" Emoji="@Emojis" Simple="@true"></MfmText>
</span> </span>
<span class="field-value"> <span class="field-value">
<MfmText Text="@Field.Value"></MfmText> <MfmText Text="@Field.Value" Emoji="@Emojis" Simple="@true"></MfmText>
</span> </span>
</div> </div>
@code { @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; }
} }

View file

@ -49,7 +49,7 @@
@if (UserProfile.Bio != null) @if (UserProfile.Bio != null)
{ {
<div class="bio"> <div class="bio">
<MfmText Text="@UserProfile.Bio"/> <MfmText Text="@UserProfile.Bio" Emoji="@User.Emojis"/>
</div> </div>
} }
} }

View file

@ -39,7 +39,7 @@
</div> </div>
<FollowButton User="UserResponse" UserProfile="Profile"/> <FollowButton User="UserResponse" UserProfile="Profile"/>
</div> </div>
<ProfileInfo UserProfile="Profile"/> <ProfileInfo Emojis="@UserResponse.Emojis" UserProfile="Profile"/>
</div> </div>
@if (UserNotes.Count > 0) @if (UserNotes.Count > 0)
{ {