From 49d5ef1e477cc574fe22dc8ff03f8c35d35b0df2 Mon Sep 17 00:00:00 2001
From: Israel Ulelu <45710398+IzyPro@users.noreply.github.com>
Date: Thu, 1 May 2025 14:08:38 +0100
Subject: [PATCH] impl: copy invoice id to clipboard on invoice detail page
 (https://github.com/btcpayserver/app/issues/53)

---
 .gitignore                           | 2 ++
 BTCPayApp.UI/Pages/InvoicePage.razor | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 73a2225..4b7c2e3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,6 +39,8 @@ bld/
 
 # Visual Studio 2015/2017 cache/options directory
 .vs/
+.vscode/
+.DS_Store
 # Uncomment if you have tasks that create the project's static files in wwwroot
 #wwwroot/
 
diff --git a/BTCPayApp.UI/Pages/InvoicePage.razor b/BTCPayApp.UI/Pages/InvoicePage.razor
index 4fafd68..12ec2b3 100644
--- a/BTCPayApp.UI/Pages/InvoicePage.razor
+++ b/BTCPayApp.UI/Pages/InvoicePage.razor
@@ -45,7 +45,10 @@
                         </div>
                     }
                     <div class="invoice">
-                        <span>Invoice @Invoice.Id</span>
+                        <div class="d-inline-block">
+                            <span>Invoice</span>
+                            <TruncateCenter Text="@Invoice.Id" Padding="15" Copy="true" />
+                        </div>
                         <div class="h3">
                             <span data-sensitive>@DisplayFormatter.Currency(Invoice.Amount, Invoice.Currency, DisplayFormatter.CurrencyFormat.Symbol)</span>
                         </div>