From 8fc4aefa8f3f310b8670a6615a9b126afc6c61aa Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Fri, 24 Jan 2025 10:08:14 +0100
Subject: [PATCH] UI: Display unconfirmed transactions with lower opacity

Fixes a regression introduced in #6190 and also adds this display style to the dashboard list of recent transactions.
---
 .../Components/StoreRecentTransactions/Default.cshtml         | 2 +-
 BTCPayServer/Views/UIWallets/WalletTransactions.cshtml        | 4 ----
 BTCPayServer/Views/UIWallets/_WalletTransactionsList.cshtml   | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/BTCPayServer/Components/StoreRecentTransactions/Default.cshtml b/BTCPayServer/Components/StoreRecentTransactions/Default.cshtml
index 7c67143ea..61c993de1 100644
--- a/BTCPayServer/Components/StoreRecentTransactions/Default.cshtml
+++ b/BTCPayServer/Components/StoreRecentTransactions/Default.cshtml
@@ -43,7 +43,7 @@
                 <tbody>
                 @foreach (var tx in Model.Transactions)
                 {
-                    <tr>
+                    <tr class="@(tx.IsConfirmed ? "" : "opacity-50")">
                         <td>@tx.Timestamp.ToTimeAgo()</td>
                         <td>
                             <vc:truncate-center text="@tx.Id" link="@tx.Link" classes="truncate-center-id" />
diff --git a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
index a2013b2f4..5bea2feaa 100644
--- a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
+++ b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
@@ -42,10 +42,6 @@
                 order: 1;
             }
         }
-
-        .unconf > * {
-            opacity: 0.5;
-        }
         
         #LoadingIndicator {
             margin-bottom: 1.5rem;
diff --git a/BTCPayServer/Views/UIWallets/_WalletTransactionsList.cshtml b/BTCPayServer/Views/UIWallets/_WalletTransactionsList.cshtml
index 52cbdc385..af7afa820 100644
--- a/BTCPayServer/Views/UIWallets/_WalletTransactionsList.cshtml
+++ b/BTCPayServer/Views/UIWallets/_WalletTransactionsList.cshtml
@@ -6,7 +6,7 @@
 }
 @foreach (var transaction in Model.Transactions)
 {
-    <tr class="mass-action-row">
+    <tr class="mass-action-row@(transaction.IsConfirmed ? "" : " opacity-50")">
         <td class="only-for-js mass-action-select-col">
             <input name="selectedTransactions" type="checkbox" class="form-check-input mass-action-select" form="WalletActions" value="@transaction.Id" />
         </td>