From 9285d4dedff9b4aa7687b001866bb015fa84daf5 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 27 Sep 2021 00:49:23 -0300
Subject: [PATCH] Fix not known metadata scenario

---
 src/TokenTransferItem.tsx   | 14 ++++++--------
 src/transaction/Details.tsx |  2 +-
 src/types.ts                |  4 +---
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/TokenTransferItem.tsx b/src/TokenTransferItem.tsx
index c9f40a2..083f7f0 100644
--- a/src/TokenTransferItem.tsx
+++ b/src/TokenTransferItem.tsx
@@ -7,7 +7,7 @@ import DecoratedAddressLink from "./components/DecoratedAddressLink";
 import FormattedBalance from "./components/FormattedBalance";
 import {
   AddressContext,
-  TokenMetas,
+  TokenMeta,
   TokenTransfer,
   TransactionData,
 } from "./types";
@@ -15,14 +15,14 @@ import {
 type TokenTransferItemProps = {
   t: TokenTransfer;
   txData: TransactionData;
-  tokenMetas: TokenMetas;
+  tokenMeta?: TokenMeta | undefined;
 };
 
 // TODO: handle partial
 const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
   t,
   txData,
-  tokenMetas,
+  tokenMeta,
 }) => (
   <div className="flex items-baseline space-x-2 px-2 py-1 truncate hover:bg-gray-100">
     <span className="text-gray-500">
@@ -57,7 +57,7 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
           <ValueHighlighter value={t.value}>
             <FormattedBalance
               value={t.value}
-              decimals={tokenMetas[t.token].decimals}
+              decimals={tokenMeta?.decimals ?? 0}
             />
           </ValueHighlighter>
         </span>
@@ -65,11 +65,9 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
           <DecoratedAddressLink
             address={t.token}
             text={
-              tokenMetas[t.token]
-                ? `${tokenMetas[t.token].name} (${tokenMetas[t.token].symbol})`
-                : ""
+              tokenMeta ? `${tokenMeta.name} (${tokenMeta.symbol})` : undefined
             }
-            tokenMeta={tokenMetas[t.token]}
+            tokenMeta={tokenMeta}
           />
         </AddressHighlighter>
       </div>
diff --git a/src/transaction/Details.tsx b/src/transaction/Details.tsx
index 5fb100a..dddfd75 100644
--- a/src/transaction/Details.tsx
+++ b/src/transaction/Details.tsx
@@ -206,7 +206,7 @@ const Details: React.FC<DetailsProps> = ({
                 key={i}
                 t={t}
                 txData={txData}
-                tokenMetas={txData.tokenMetas}
+                tokenMeta={txData.tokenMetas[t.token]}
               />
             ))}
           </div>
diff --git a/src/types.ts b/src/types.ts
index 5a5dad9..5904b31 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -108,6 +108,4 @@ export type TokenMeta = {
   decimals: number;
 };
 
-export type TokenMetas = {
-  [tokenAddress: string]: TokenMeta;
-};
+export type TokenMetas = Record<string, TokenMeta>;