From e4a0a53e53040137a3b36b1f503be8a1cd291cf6 Mon Sep 17 00:00:00 2001
From: Marco Minerva <marco.minerva@gmail.com>
Date: Tue, 20 May 2025 11:42:39 +0200
Subject: [PATCH] Add tooltip feedback for clipboard copy action

Introduce a tooltip feature in `Ask.razor` that provides user feedback when copying text to the clipboard. Added `isCopied` to track the copy state and `toolTipText` to manage the tooltip message. The tooltip title updates from "Copy to Clipboard" to "Copied!" after the action, with a delay to reset the message for subsequent copies.
---
 SqlDatabaseVectorSearch/Components/Pages/Ask.razor | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/SqlDatabaseVectorSearch/Components/Pages/Ask.razor b/SqlDatabaseVectorSearch/Components/Pages/Ask.razor
index cb308f0..94eff05 100644
--- a/SqlDatabaseVectorSearch/Components/Pages/Ask.razor
+++ b/SqlDatabaseVectorSearch/Components/Pages/Ask.razor
@@ -58,7 +58,7 @@
                                                 </Tooltip>
                                             </div>
                                             <div class="text-end bg-transparent">
-                                                <Tooltip Title="Copy to Clipboard" Color="TooltipColor.Dark" Placement="TooltipPlacement.Bottom">
+                                                <Tooltip Title="@toolTipText" Color="TooltipColor.Dark" Placement="TooltipPlacement.Bottom">
                                                     <Button Type="ButtonType.Button" Outline="false" @onclick="@(async () => await CopyToClipboardAsync(message.Text))">
                                                         @if (isCopied)
                                                         {
@@ -116,7 +116,9 @@
 
     private Guid conversationId = Guid.NewGuid();
     private bool isAsking = false;
+
     private bool isCopied = false;
+    private string toolTipText = "Copy to Clipboard";
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
@@ -218,10 +220,12 @@
         await JSRuntime.InvokeVoidAsync("navigator.clipboard.writeText", text);
 
         isCopied = true;
+        toolTipText = "Copied!";
         StateHasChanged();
 
-        await Task.Delay(1500); // Mostra il segno di spunta per 1.5 secondi
+        await Task.Delay(1500); // Shows the checkmark for 1.5 seconds
 
+        toolTipText = "Copy to Clipboard";
         isCopied = false;
         StateHasChanged();
     }