From 57bbdbd8424f2b569d7bec61266b6fc520de8398 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 16 Feb 2023 22:28:58 +0530
Subject: [PATCH] UI bug fix

---
 index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b21037c..98cc75c 100644
--- a/index.html
+++ b/index.html
@@ -1272,15 +1272,16 @@
             },
             transactionCard(details) {
                 const { sender, receiver, floData, time, txid } = details
+                const queriedFloId = pagesData.wildcards[0]
                 const clone = getRef('transaction_template').content.cloneNode(true).firstElementChild;
                 if (sender === receiver) {
                     clone.querySelector('.transaction__icon').innerHTML = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><title>sender and receiver is same</title><path d="M.01 0h24v24h-24V0z" fill="none"/><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>`;
-                } else if (pagesData.params.id === sender) {
+                } else if (queriedFloId === sender) {
                     clone.querySelector('.transaction__icon').innerHTML = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z"/></svg>`;
                 } else {
                     clone.querySelector('.transaction__icon').innerHTML = `<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 5.41L18.59 4 7 15.59V9H5v10h10v-2H8.41z"/></svg>`;
                 }
-                clone.querySelector('.transaction__receiver').textContent = pagesData.params.id === sender ? receiver : sender
+                clone.querySelector('.transaction__receiver').textContent = queriedFloId === sender ? receiver : sender
                 clone.querySelector('.transaction__flo-data').textContent = floData
                 clone.querySelector('.transaction__link').href = `https://flosight.duckdns.org/tx/${txid}`
                 clone.querySelector('.transaction__time').textContent = getFormattedTime(time * 1000)