From 1b8aee668fdd085b0def15f51a8097ee05e1c74c Mon Sep 17 00:00:00 2001
From: mDuo13 <mduo13@gmail.com>
Date: Fri, 11 Sep 2020 12:42:31 -0700
Subject: [PATCH] Tx sender: link testnet explorer

---
 assets/js/tx-sender.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/js/tx-sender.js b/assets/js/tx-sender.js
index 7f181f5891..47005fbc0c 100644
--- a/assets/js/tx-sender.js
+++ b/assets/js/tx-sender.js
@@ -21,13 +21,17 @@ const set_up_tx_sender = async function() {
   }
 
   function logTx(txtype, hash, result) {
-    let li = "wtf"
-    // Future feature: link hash to a testnet txsplainer
+    let classes
+    let icon
+    const txlink = "https://testnet.xrpl.org/transactions/" + hash
     if (result === "tesSUCCESS") {
-      li = '<li class="list-group-item fade-in p-1 text-muted"><i class="fa fa-check-circle"></i> '+txtype+": "+hash+'</li>'
+      classes = "text-muted"
+      icon = '<i class="fa fa-check-circle"></i>'
     } else {
-      li = '<li class="list-group-item fade-in p-1 list-group-item-danger"><i class="fa fa-times-circle"></i> '+txtype+": "+hash+'</li>'
+      classes = "list-group-item-danger"
+      icon = '<i class="fa fa-times-circle"></i>'
     }
+    const li = `<li class="list-group-item fade-in p-1 ${classes}">${icon} ${txtype}: <a href="${txlink}" target="_blank" class="external-link">${hash}</a></li>`
 
     $("#tx-sender-history ul").prepend(li)
   }