From a5a406cc7b2881e785c8bf92932717a7887163af Mon Sep 17 00:00:00 2001
From: im-adithya <imadithyavardhan@gmail.com>
Date: Wed, 25 Sep 2024 10:19:24 +0530
Subject: [PATCH 1/2] chore: hide preimage in failed payment dialog

---
 frontend/src/components/TransactionItem.tsx | 32 +++++++++++----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/TransactionItem.tsx b/frontend/src/components/TransactionItem.tsx
index 3669e4ec..76113c47 100644
--- a/frontend/src/components/TransactionItem.tsx
+++ b/frontend/src/components/TransactionItem.tsx
@@ -233,22 +233,24 @@ function TransactionItem({ tx }: Props) {
               {showDetails && (
                 <>
                   {tx.boostagram && <PodcastingInfo boost={tx.boostagram} />}
-                  <div className="mt-6">
-                    <p>Preimage</p>
-                    <div className="flex items-center gap-4">
-                      <p className="text-muted-foreground break-all">
-                        {tx.preimage}
-                      </p>
-                      <CopyIcon
-                        className="cursor-pointer text-muted-foreground w-6 h-6"
-                        onClick={() => {
-                          if (tx.preimage) {
-                            copy(tx.preimage);
-                          }
-                        }}
-                      />
+                  {tx.preimage && (
+                    <div className="mt-6">
+                      <p>Preimage</p>
+                      <div className="flex items-center gap-4">
+                        <p className="text-muted-foreground break-all">
+                          {tx.preimage}
+                        </p>
+                        <CopyIcon
+                          className="cursor-pointer text-muted-foreground w-6 h-6"
+                          onClick={() => {
+                            if (tx.preimage) {
+                              copy(tx.preimage);
+                            }
+                          }}
+                        />
+                      </div>
                     </div>
-                  </div>
+                  )}
                   <div className="mt-6">
                     <p>Hash</p>
                     <div className="flex items-center gap-4">

From 02dd76e9191b6a86d2fec223d173f0370d6feb9d Mon Sep 17 00:00:00 2001
From: im-adithya <imadithyavardhan@gmail.com>
Date: Wed, 25 Sep 2024 11:43:20 +0530
Subject: [PATCH 2/2] chore: hide fee in failed payments

---
 frontend/src/components/TransactionItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/TransactionItem.tsx b/frontend/src/components/TransactionItem.tsx
index 76113c47..33f5fb3b 100644
--- a/frontend/src/components/TransactionItem.tsx
+++ b/frontend/src/components/TransactionItem.tsx
@@ -199,7 +199,7 @@ function TransactionItem({ tx }: Props) {
                   .format("D MMMM YYYY, HH:mm")}
               </p>
             </div>
-            {type == "outgoing" && (
+            {tx.state != "failed" && type == "outgoing" && (
               <div className="mt-6">
                 <p>Fee</p>
                 <p className="text-muted-foreground">