From ba2392ac90d9faf960271ad0f4acddfb5810696d Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Mon, 20 May 2024 15:14:45 +0200
Subject: [PATCH] [frontend] Add support for posting quotes

---
 Iceshrimp.Frontend/Components/Compose.razor   | 62 ++++++++++++++-----
 .../Components/Compose.razor.css              |  2 +-
 .../Components/Note/NoteComponent.razor       |  7 ++-
 .../Components/Note/NoteFooter.razor          |  7 ++-
 4 files changed, 59 insertions(+), 19 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Compose.razor b/Iceshrimp.Frontend/Components/Compose.razor
index f4ec1dbb..3ba127b3 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor
+++ b/Iceshrimp.Frontend/Components/Compose.razor
@@ -3,29 +3,29 @@
 @using Iceshrimp.Frontend.Core.Services
 @using Iceshrimp.Shared.Schemas
 @using Iceshrimp.Frontend.Components.Note
-@inject IJSRuntime Js
-@inject ApiService ApiService
+@inject IJSRuntime     Js
+@inject ApiService     ApiService
 @inject ComposeService ComposeService
 <dialog class="compose" @ref="Dialog">
     <div class="header">
         <button @onclick="CloseDialog">
             <Icon Name="Icons.X"/>
         </button>
-        <Dropdown TBind="NoteVisibility" Elements="@DropDownCreate()" @bind-Value="NoteDraft.Visibility" />
+        <Dropdown TBind="NoteVisibility" Elements="@DropDownCreate()" @bind-Value="NoteDraft.Visibility"/>
         <button @onclick="SendNote" class="post-btn">Post<Icon Name="Icons.PaperPlaneRight"/></button>
     </div>
-    @if (ReplyTo != null)
+    @if (ReplyOrQuote != null)
     {
-    <div class="reply-to">
-        <NoteComponent Note="ReplyTo" AsQuote="true" />
-    </div>
+        <div class="reply-or-quote">
+            <NoteComponent Note="ReplyOrQuote" AsQuote="true"/>
+        </div>
     }
     @if (NoteDraft.Cw != null)
     {
         <input @bind="NoteDraft.Cw" class="input cw-field" placeholder="Content Warning"/>
         <hr class="separator"/>
     }
-    <textarea @bind="NoteDraft.Text" class="textarea" placeholder="What's on your mind?" rows="5" cols="35"></textarea>
+    <textarea @bind="NoteDraft.Text" class="textarea" placeholder="@TextPlaceholder" rows="5" cols="35"></textarea>
     <div class="footer">
         <button class="footer-btn" @onclick="OpenUpload">
             <Icon Name="Icons.Upload" Size="1.3rem"></Icon>
@@ -42,16 +42,23 @@
 @code {
     private ElementReference         Dialog { get; set; }
     private IJSObjectReference?      _module;
-    private IList<DriveFileResponse> Attachments { get; set; } = [];
-    private InputFile                UploadInput { get; set; }
-    private NoteBase?            ReplyTo     { get; set; }
-
+    private IList<DriveFileResponse> Attachments     { get; set; } = [];
+    private InputFile                UploadInput     { get; set; }
+    private NoteBase?                ReplyOrQuote    { get; set; }
+    private string?                  TextPlaceholder { get; set; }
     private NoteCreateRequest NoteDraft { get; set; } = new NoteCreateRequest
     {
         Text       = "",
         Visibility = NoteVisibility.Followers, // FIXME: Default to visibilty in settings
         Cw         = null
     };
+    private Dictionary<string, string> AvailablePlaceholders { get; set; } = new()
+    {
+        { "default", "What's on your mind?" },
+        { "reply", "Reply goes here!" },
+        { "quote", "Quote this post!" } 
+        
+    };
 
     RenderFragment DropdownIcon(NoteVisibility vis)
     {
@@ -92,25 +99,43 @@
         await _module.InvokeVoidAsync("openUpload", UploadInput.Element);
     }
 
-    public async Task OpenDialog(NoteBase? replyTo = null)
+    public async Task OpenDialog(NoteBase? replyTo = null, NoteBase? quote = null)
     {
         if (replyTo != null)
         {
-            ReplyTo              = replyTo;
+            ResetState();
+            ReplyOrQuote         = replyTo;
             NoteDraft.ReplyId    = replyTo.Id;
             NoteDraft.Visibility = replyTo.Visibility;
+            TextPlaceholder      = AvailablePlaceholders["reply"];
+            StateHasChanged();
+        }
+        else if (quote != null)
+        {
+            ResetState();
+            ReplyOrQuote         = quote;
+            NoteDraft.RenoteId   = quote.Id;
+            NoteDraft.Visibility = quote.Visibility;
+            TextPlaceholder      = AvailablePlaceholders["quote"];
             StateHasChanged();
         }
         else
         {
-            ReplyTo           = null;
-            NoteDraft.ReplyId = null;
+            ResetState();
             StateHasChanged();
         }
 
         await _module.InvokeVoidAsync("openDialog", Dialog);
     }
 
+    private void ResetState()
+    {
+        ReplyOrQuote    = null;
+        Attachments     = new List<DriveFileResponse>();
+        NoteDraft       = new NoteCreateRequest { Text = "", Visibility = NoteVisibility.Followers, Cw = null };
+        TextPlaceholder = AvailablePlaceholders["default"];
+    }
+
     private async Task CloseDialog()
     {
         await _module.InvokeVoidAsync("closeDialog", Dialog);
@@ -151,4 +176,9 @@
         }
     }
 
+    protected override void OnInitialized()
+    {
+        TextPlaceholder = AvailablePlaceholders["default"];
+    }
+
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/Compose.razor.css b/Iceshrimp.Frontend/Components/Compose.razor.css
index 2deed868..74961835 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.css
+++ b/Iceshrimp.Frontend/Components/Compose.razor.css
@@ -48,7 +48,7 @@
 .file-input {
     display: none;
 }
-.reply-to {
+.reply-or-quote {
     border: solid var(--highlight-color) 0.1rem;
     border-radius: 0.75rem;
     padding: 0.5rem;
diff --git a/Iceshrimp.Frontend/Components/Note/NoteComponent.razor b/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
index 30247aa2..2982dae2 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteComponent.razor
@@ -89,7 +89,7 @@
 
     public void Reply()
     {
-        ComposeService.ComposeDialog?.OpenDialog(Note);
+        ComposeService.ComposeDialog?.OpenDialog(Note, null);
     }
 
     public void Renote()
@@ -106,4 +106,9 @@
         };
         ApiService.Notes.CreateNote(renote);
     }
+
+    public void DoQuote()
+    {
+        ComposeService.ComposeDialog?.OpenDialog(null, Note);
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
index 4b90ef25..792f9e3a 100644
--- a/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
+++ b/Iceshrimp.Frontend/Components/Note/NoteFooter.razor
@@ -31,7 +31,7 @@
     <button class="btn" @onclick:stopPropagation="true">
         <Icon Name="Icons.Smiley" Size="1.3em"/>
     </button>
-    <button class="btn" @onclick:stopPropagation="true">
+    <button class="btn" @onclick="Quote" @onclick:stopPropagation="true">
         <Icon Name="Icons.Quotes" Size="1.3em"/>
     </button>
     <button class="btn" @onclick:stopPropagation="true">
@@ -59,4 +59,9 @@
     {
         NoteComponent.Renote(); 
     }
+
+    private void Quote()
+    {
+        NoteComponent.DoQuote();
+    }
 }
\ No newline at end of file