From 9ed9076c06679702a78c1fd9aa78674074db6ee8 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Sat, 22 Feb 2025 11:54:13 +1000
Subject: [PATCH] [frontend/components] Add mention button to compose

---
 Iceshrimp.Frontend/Components/Compose.razor | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/Iceshrimp.Frontend/Components/Compose.razor b/Iceshrimp.Frontend/Components/Compose.razor
index 4582ae25..814eda9b 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor
+++ b/Iceshrimp.Frontend/Components/Compose.razor
@@ -66,6 +66,9 @@
                 <button class="btn" title="@Loc["Content warning"]" @onclick="ToggleCw" aria-label="content warning">
                     <Icon Name="Icons.EyeSlash" Size="1.3rem"></Icon>
                 </button>
+                <button class="btn" title="@Loc["Mention"]" @onclick="AddMention" aria-label="add mention">
+                    <Icon Name="Icons.At" Size="1.3rem"></Icon>
+                </button>
                 <button @ref="EmojiButton" class="btn" title="@Loc["Emoji"]" @onclick="ToggleEmojiPicker"
                         aria-label="emoji">
                     <Icon Name="Icons.Smiley" Size="1.3rem"></Icon>
@@ -351,6 +354,20 @@
         }
     }
 
+    private async Task AddMention() =>
+        await GlobalComponentSvc.UserDialog?.Select(new EventCallback<UserResponse?>(this, AddMentionCallback), Loc["Select user"])!;
+
+    private async Task AddMentionCallback(UserResponse? user)
+    {
+        if (user == null) return;
+        
+        var pos           = await _module.InvokeAsync<int>("getSelectionStart", Textarea);
+        var text          = NoteDraft.Text;
+        var mentionString = user.Host != null ? $"@{user.Username}@{user.Host} " : $"@{user.Username} ";
+        NoteDraft.Text = text.Insert(pos, mentionString);
+        StateHasChanged();
+    }
+
     private void ToggleEmojiPicker()
     {
         GlobalComponentSvc.EmojiPicker?.Open(EmojiButton, new EventCallback<EmojiResponse>(this, AddEmoji));