chore: hide preimage in failed payment dialog (#705)

* chore: hide preimage in failed payment dialog * chore: hide fee in failed payments
getAlby · Sep 25, 2024 · fff8c2c · fff8c2c
1 parent 4f263ee
commit fff8c2c
Showing 1 changed file with 18 additions and 16 deletions.
diff --git 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">
@@ -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">