From 4605bca7a5171b3cc1aecf11a87a81030e613c02 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 18 Sep 2021 15:40:19 -0300
Subject: [PATCH] Add missing data output

---
 src/transaction/Details.tsx | 10 +++++++++-
 src/useSourcify.ts          |  3 +++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/transaction/Details.tsx b/src/transaction/Details.tsx
index 9f55c3a..f3e5721 100644
--- a/src/transaction/Details.tsx
+++ b/src/transaction/Details.tsx
@@ -321,7 +321,15 @@ const Details: React.FC<DetailsProps> = ({
             <ModeTab>UTF-8</ModeTab>
           </Tab.List>
           <Tab.Panels>
-            <Tab.Panel>{txDesc && <DecodedInput txDesc={txDesc} />}</Tab.Panel>
+            <Tab.Panel>
+              {txDesc === undefined ? (
+                <>Waiting for data...</>
+              ) : txDesc === null ? (
+                <>No decoded data</>
+              ) : (
+                <DecodedInput txDesc={txDesc} />
+              )}
+            </Tab.Panel>
             <Tab.Panel>
               <textarea
                 className="w-full h-40 bg-gray-50 text-gray-500 font-mono focus:outline-none border rounded p-2"
diff --git a/src/useSourcify.ts b/src/useSourcify.ts
index 8c1d52f..cfac981 100644
--- a/src/useSourcify.ts
+++ b/src/useSourcify.ts
@@ -127,6 +127,9 @@ export const useTransactionDescription = (
   txData: TransactionData | null | undefined
 ) => {
   const txDesc = useMemo(() => {
+    if (metadata === null) {
+      return null;
+    }
     if (!metadata || !txData) {
       return undefined;
     }