From 13f32f8a356c8b82efea773a2084b264cc4d9c10 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Thu, 23 Sep 2021 18:46:08 -0300
Subject: [PATCH] Properly differentiate pending/cant decode log data

---
 src/transaction/LogEntry.tsx | 14 +++++++++++++-
 src/transaction/Logs.tsx     |  6 +++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/transaction/LogEntry.tsx b/src/transaction/LogEntry.tsx
index 0ce96dd..1d4e85f 100644
--- a/src/transaction/LogEntry.tsx
+++ b/src/transaction/LogEntry.tsx
@@ -50,7 +50,19 @@ const LogEntry: React.FC<LogEntryProps> = ({ txData, log, logDesc }) => (
         </Tab.List>
         <Tab.Panels as={Fragment}>
           <Tab.Panel className="space-y-2">
-            {logDesc && (
+            {logDesc === undefined ? (
+              <div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
+                <div className="col-start-2 flex space-x-2 items-center col-span-11">
+                  Waiting for data...
+                </div>
+              </div>
+            ) : logDesc === null ? (
+              <div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
+                <div className="col-start-2 flex space-x-2 items-center col-span-11">
+                  No decoded data
+                </div>
+              </div>
+            ) : (
               <>
                 <div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
                   <div className="col-start-2 flex space-x-2 items-center col-span-11 font-mono">
diff --git a/src/transaction/Logs.tsx b/src/transaction/Logs.tsx
index 72258f0..45fe491 100644
--- a/src/transaction/Logs.tsx
+++ b/src/transaction/Logs.tsx
@@ -33,7 +33,7 @@ const Logs: React.FC<LogsProps> = ({ txData, metadata }) => {
     1,
     sourcifySource
   );
-  const logDesc = useMemo(() => {
+  const logDescs = useMemo(() => {
     if (!txData) {
       return undefined;
     }
@@ -41,7 +41,7 @@ const Logs: React.FC<LogsProps> = ({ txData, metadata }) => {
     return txData.confirmedData?.logs.map((l) => {
       const mt = metadatas[l.address];
       if (!mt) {
-        return undefined;
+        return mt;
       }
 
       const abi = mt.output.abi;
@@ -69,7 +69,7 @@ const Logs: React.FC<LogsProps> = ({ txData, metadata }) => {
                   key={i}
                   txData={txData}
                   log={l}
-                  logDesc={logDesc?.[i]}
+                  logDesc={logDescs?.[i]}
                 />
               ))}
             </>