From f48ff0c4b31792a808470d763d90980f06b22a76 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Mon, 23 Sep 2024 19:54:01 +0200
Subject: [PATCH] [frontend/components] Added reply count to reply button

---
 Iceshrimp.Frontend/Components/Note/NoteComponent.razor  | 1 +
 Iceshrimp.Frontend/Components/Note/NoteFooter.razor     | 5 +++++
 Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/Iceshrimp.Frontend/Components/Note/NoteComponent.razor b/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
index 1cf6cc96..a37436bc 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
@@ -31,6 +31,7 @@
         Likes="Note.Likes"
         IsLiked="Note.Liked"
         Renotes="Note.Renotes"
+        Replies="Note.Replies"
         RenotePossible=
         "@(Note.Visibility == NoteVisibility.Public || Note.Visibility == NoteVisibility.Home || Session.Current?.Id == Note.User.Id)"/>
 }
diff --git a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
index 3a8e491d..e6d3cd6a 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
@@ -20,6 +20,10 @@
     }
     <button class="btn" @onclick="Reply" @onclick:stopPropagation="true" aria-label="reply">
         <Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/>
+        @if (Replies > 0)
+        {
+            <span class="reply-count">@Replies</span>
+        }
     </button>
     <button class="btn @(RenotePossible ? "" : "disabled") positioned" @onclick="@(RenotePossible ? ToggleRenoteMenu : () => { })" @onclick:stopPropagation="true" aria-label="renote">
         @if (RenotePossible)
@@ -107,6 +111,7 @@
     [Parameter] [EditorRequired] public required int                      Likes          { get; set; }
     [Parameter] [EditorRequired] public required bool                     IsLiked        { get; set; }
     [Parameter] [EditorRequired] public required int                      Renotes        { get; set; }
+    [Parameter] [EditorRequired] public required int                      Replies        { get; set; }
     [Parameter]                  public          bool                     RenotePossible { get; set; }
     private                                      Menu                     ContextMenu    { get; set; } = null!;
     private                                      Menu                     RenoteMenu     { get; set; } = null!;
diff --git a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css
index 8668c864..a1a8593d 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css
+++ b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css
@@ -15,6 +15,9 @@
 .like-count {
     margin-left: 0.3em;
 }
+.reply-count {
+    margin-left: 0.3em;
+}
 
 .renote-count {
     margin-left: 0.3em;