From 3a6f050061492f7fa09c1672786de1c0e978006c Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 16:28:40 -0300
Subject: [PATCH 1/6] Dont display the contract tab if we know the address is
 an EOA

---
 src/AddressTransactions.tsx | 81 +++++++++++++++++++++++--------------
 1 file changed, 51 insertions(+), 30 deletions(-)

diff --git a/src/AddressTransactions.tsx b/src/AddressTransactions.tsx
index 17c8888..9adcd86 100644
--- a/src/AddressTransactions.tsx
+++ b/src/AddressTransactions.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useContext, useCallback } from "react";
+import React, { useEffect, useContext, useCallback, useMemo } from "react";
 import {
   useParams,
   useNavigate,
@@ -21,8 +21,9 @@ import Contracts from "./address/Contracts";
 import { RuntimeContext } from "./useRuntime";
 import { useAppConfigContext } from "./useAppConfig";
 import { useAddressOrENSFromURL } from "./useResolvedAddresses";
-import { useSingleMetadata } from "./sourcify/useSourcify";
+import { useMultipleMetadata } from "./sourcify/useSourcify";
 import { ChecksummedAddress } from "./types";
+import { useAddressesWithCode } from "./useErigonHooks";
 
 const AddressTransactions: React.FC = () => {
   const { provider } = useContext(RuntimeContext);
@@ -58,11 +59,24 @@ const AddressTransactions: React.FC = () => {
   }, [addressOrName, checksummedAddress, isENS]);
 
   const { sourcifySource } = useAppConfigContext();
-  const addressMetadata = useSingleMetadata(
-    checksummedAddress,
+  const checksummedAddressAsArray = useMemo(
+    () => (checksummedAddress !== undefined ? [checksummedAddress] : []),
+    [checksummedAddress]
+  );
+  const contractAddresses = useAddressesWithCode(
+    provider,
+    checksummedAddressAsArray
+  );
+  const metadatas = useMultipleMetadata(
+    undefined,
+    contractAddresses,
     provider?.network.chainId,
     sourcifySource
   );
+  const addressMetadata =
+    checksummedAddress !== undefined
+      ? metadatas[checksummedAddress]
+      : undefined;
 
   return (
     <StandardFrame>
@@ -97,31 +111,33 @@ const AddressTransactions: React.FC = () => {
                 <NavTab href={`/address/${checksummedAddress}`}>
                   Overview
                 </NavTab>
-                <NavTab href={`/address/${checksummedAddress}/contract`}>
-                  <span
-                    className={`flex items-baseline space-x-2 ${
-                      addressMetadata === undefined ? "italic opacity-50" : ""
-                    }`}
-                  >
-                    <span>Contract</span>
-                    {addressMetadata === undefined ? (
-                      <span className="self-center">
-                        <FontAwesomeIcon
-                          className="animate-spin"
-                          icon={faCircleNotch}
-                        />
-                      </span>
-                    ) : addressMetadata === null ? (
-                      <span className="self-center text-red-500">
-                        <FontAwesomeIcon icon={faQuestionCircle} />
-                      </span>
-                    ) : (
-                      <span className="self-center">
-                        <SourcifyLogo />
-                      </span>
-                    )}
-                  </span>
-                </NavTab>
+                {(contractAddresses?.length ?? 0) > 0 && (
+                  <NavTab href={`/address/${checksummedAddress}/contract`}>
+                    <span
+                      className={`flex items-baseline space-x-2 ${
+                        addressMetadata === undefined ? "italic opacity-50" : ""
+                      }`}
+                    >
+                      <span>Contract</span>
+                      {addressMetadata === undefined ? (
+                        <span className="self-center">
+                          <FontAwesomeIcon
+                            className="animate-spin"
+                            icon={faCircleNotch}
+                          />
+                        </span>
+                      ) : addressMetadata === null ? (
+                        <span className="self-center text-red-500">
+                          <FontAwesomeIcon icon={faQuestionCircle} />
+                        </span>
+                      ) : (
+                        <span className="self-center">
+                          <SourcifyLogo />
+                        </span>
+                      )}
+                    </span>
+                  </NavTab>
+                )}
               </Tab.List>
               <Tab.Panels>
                 <Routes>
@@ -142,7 +158,12 @@ const AddressTransactions: React.FC = () => {
                     element={
                       <Contracts
                         checksummedAddress={checksummedAddress}
-                        rawMetadata={addressMetadata}
+                        rawMetadata={
+                          contractAddresses !== undefined &&
+                          contractAddresses.length === 0
+                            ? null
+                            : addressMetadata
+                        }
                       />
                     }
                   />

From 6f6dd1877a8fd483da846c65d9d6418de7d06db3 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 16:29:40 -0300
Subject: [PATCH 2/6] Remove dead code

---
 src/sourcify/useSourcify.ts | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/sourcify/useSourcify.ts b/src/sourcify/useSourcify.ts
index 85baaaa..e210ea0 100644
--- a/src/sourcify/useSourcify.ts
+++ b/src/sourcify/useSourcify.ts
@@ -121,16 +121,6 @@ export const useSourcify = (
   return rawMetadata;
 };
 
-export const useSingleMetadata = (
-  address: ChecksummedAddress | undefined,
-  chainId: number | undefined,
-  source: SourcifySource
-) => {
-  const addresses = useMemo(() => (address ? [address] : []), [address]);
-  const metadatas = useMultipleMetadata(undefined, addresses, chainId, source);
-  return address !== undefined ? metadatas[address] : undefined;
-};
-
 export const useDedupedAddresses = (
   addresses: ChecksummedAddress[]
 ): ChecksummedAddress[] => {

From 7a9dd3c519d472be033a6ab5b6f68faeabd6100b Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 16:33:07 -0300
Subject: [PATCH 3/6] Move hook

---
 src/hooks.ts                | 16 +++++++++++-----
 src/sourcify/useSourcify.ts |  9 ---------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/hooks.ts b/src/hooks.ts
index a81f10b..e924314 100644
--- a/src/hooks.ts
+++ b/src/hooks.ts
@@ -1,13 +1,19 @@
+import { useMemo } from "react";
 import { JsonRpcProvider } from "@ethersproject/providers";
 import { ChecksummedAddress } from "./types";
-import {
-  Metadata,
-  useDedupedAddresses,
-  useMultipleMetadata,
-} from "./sourcify/useSourcify";
+import { Metadata, useMultipleMetadata } from "./sourcify/useSourcify";
 import { useAppConfigContext } from "./useAppConfig";
 import { useAddressesWithCode } from "./useErigonHooks";
 
+export const useDedupedAddresses = (
+  addresses: ChecksummedAddress[]
+): ChecksummedAddress[] => {
+  return useMemo(() => {
+    const deduped = new Set(addresses);
+    return [...deduped];
+  }, [addresses]);
+};
+
 export const useContractsMetadata = (
   addresses: ChecksummedAddress[],
   provider: JsonRpcProvider | undefined,
diff --git a/src/sourcify/useSourcify.ts b/src/sourcify/useSourcify.ts
index e210ea0..f5fae67 100644
--- a/src/sourcify/useSourcify.ts
+++ b/src/sourcify/useSourcify.ts
@@ -121,15 +121,6 @@ export const useSourcify = (
   return rawMetadata;
 };
 
-export const useDedupedAddresses = (
-  addresses: ChecksummedAddress[]
-): ChecksummedAddress[] => {
-  return useMemo(() => {
-    const deduped = new Set(addresses);
-    return [...deduped];
-  }, [addresses]);
-};
-
 export const useMultipleMetadata = (
   baseMetadatas: Record<string, Metadata | null> | undefined,
   addresses: ChecksummedAddress[] | undefined,

From 658e530ed14260c3f4be820d52a716c44e8e86cc Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 16:54:27 -0300
Subject: [PATCH 4/6] Fix tabs when search by ens name; fix contract creation
 on block txs results

---
 src/AddressTransactions.tsx           | 6 ++----
 src/block/BlockTransactionResults.tsx | 2 +-
 src/search/TransactionItem.tsx        | 5 ++++-
 src/search/search.ts                  | 2 +-
 src/types.ts                          | 2 +-
 src/useErigonHooks.ts                 | 6 ++++--
 src/useResolvedAddresses.ts           | 5 +++++
 7 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/AddressTransactions.tsx b/src/AddressTransactions.tsx
index 9adcd86..d7222c0 100644
--- a/src/AddressTransactions.tsx
+++ b/src/AddressTransactions.tsx
@@ -108,11 +108,9 @@ const AddressTransactions: React.FC = () => {
             </StandardSubtitle>
             <Tab.Group>
               <Tab.List className="flex space-x-2 border-l border-r border-t rounded-t-lg bg-white">
-                <NavTab href={`/address/${checksummedAddress}`}>
-                  Overview
-                </NavTab>
+                <NavTab href={`/address/${addressOrName}`}>Overview</NavTab>
                 {(contractAddresses?.length ?? 0) > 0 && (
-                  <NavTab href={`/address/${checksummedAddress}/contract`}>
+                  <NavTab href={`/address/${addressOrName}/contract`}>
                     <span
                       className={`flex items-baseline space-x-2 ${
                         addressMetadata === undefined ? "italic opacity-50" : ""
diff --git a/src/block/BlockTransactionResults.tsx b/src/block/BlockTransactionResults.tsx
index fc5bf9f..3931c46 100644
--- a/src/block/BlockTransactionResults.tsx
+++ b/src/block/BlockTransactionResults.tsx
@@ -40,7 +40,7 @@ const BlockTransactionResults: React.FC<BlockTransactionResultsProps> = ({
       return [];
     }
 
-    return page.map((t) => t.to).filter((to): to is string => to !== undefined);
+    return page.map((t) => t.to).filter((to): to is string => to !== null);
   }, [page]);
   const metadatas = useContractsMetadata(addresses, provider);
 
diff --git a/src/search/TransactionItem.tsx b/src/search/TransactionItem.tsx
index 929d2cd..b6cfe1e 100644
--- a/src/search/TransactionItem.tsx
+++ b/src/search/TransactionItem.tsx
@@ -99,7 +99,10 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
           />
         </span>
       </span>
-      <span className="col-span-2 flex items-baseline" title={tx.to}>
+      <span
+        className="col-span-2 flex items-baseline"
+        title={tx.to ?? tx.createdContractAddress}
+      >
         <span className="truncate">
           {tx.to ? (
             <AddressHighlighter address={tx.to}>
diff --git a/src/search/search.ts b/src/search/search.ts
index 25bda65..57a5958 100644
--- a/src/search/search.ts
+++ b/src/search/search.ts
@@ -52,7 +52,7 @@ export class SearchController {
           idx: _receipt.transactionIndex,
           hash: t.hash,
           from: t.from,
-          to: t.to,
+          to: t.to ?? null,
           createdContractAddress: _receipt.contractAddress,
           value: t.value,
           fee: _receipt.gasUsed.mul(t.gasPrice!),
diff --git a/src/types.ts b/src/types.ts
index fde36bb..adedc86 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -16,7 +16,7 @@ export type ProcessedTransaction = {
   idx: number;
   hash: string;
   from?: string;
-  to?: string;
+  to: string | null;
   createdContractAddress?: string;
   internalMinerInteraction?: boolean;
   value: BigNumber;
diff --git a/src/useErigonHooks.ts b/src/useErigonHooks.ts
index f722f03..a1e45f1 100644
--- a/src/useErigonHooks.ts
+++ b/src/useErigonHooks.ts
@@ -103,7 +103,7 @@ export const useBlockTransactions = (
             idx: i,
             hash: t.hash,
             from: t.from,
-            to: t.to,
+            to: t.to ?? null,
             createdContractAddress: _receipts[i].contractAddress,
             value: t.value,
             fee:
@@ -457,8 +457,10 @@ export const useAddressesWithCode = (
   const [results, setResults] = useState<ChecksummedAddress[] | undefined>();
 
   useEffect(() => {
+    // Reset
+    setResults(undefined);
+
     if (provider === undefined) {
-      setResults(undefined);
       return;
     }
 
diff --git a/src/useResolvedAddresses.ts b/src/useResolvedAddresses.ts
index dc0df3a..9c92310 100644
--- a/src/useResolvedAddresses.ts
+++ b/src/useResolvedAddresses.ts
@@ -27,6 +27,11 @@ export const useAddressOrENSFromURL = (
 
   // If it looks like it is an ENS name, try to resolve it
   useEffect(() => {
+    // Reset
+    setENS(false);
+    setError(false);
+    setChecksummedAddress(undefined);
+
     // TODO: handle and offer fallback to bad checksummed addresses
     if (isAddress(addressOrName)) {
       // Normalize to checksummed address

From 9fb6e1877ddb5a0194e0112c55857658219ba2fe Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 16:59:29 -0300
Subject: [PATCH 5/6] Fix address resolution for created contracts on results
 page

---
 src/useResolvedAddresses.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/useResolvedAddresses.ts b/src/useResolvedAddresses.ts
index 9c92310..9250232 100644
--- a/src/useResolvedAddresses.ts
+++ b/src/useResolvedAddresses.ts
@@ -86,6 +86,9 @@ export const pageCollector =
       if (tx.to) {
         uniqueAddresses.add(tx.to);
       }
+      if (tx.createdContractAddress) {
+        uniqueAddresses.add(tx.createdContractAddress);
+      }
     }
 
     return Array.from(uniqueAddresses);

From 0439be7ac9086f0cfa912fc0bcf70bacaf2be489 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 4 Dec 2021 17:22:17 -0300
Subject: [PATCH 6/6] Fix display Sourcify verification status for created
 contracts on block tx results

---
 src/address/AddressTransactionResults.tsx |  3 +++
 src/block/BlockTransactionResults.tsx     | 11 ++++++++++-
 src/useErigonHooks.ts                     | 21 +++++++++++++--------
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/address/AddressTransactionResults.tsx b/src/address/AddressTransactionResults.tsx
index 07f8e4f..f1a373e 100644
--- a/src/address/AddressTransactionResults.tsx
+++ b/src/address/AddressTransactionResults.tsx
@@ -114,6 +114,9 @@ const AddressTransactionResults: React.FC<AddressTransactionResultsProps> = ({
         if (t.to) {
           _addresses.push(t.to);
         }
+        if (t.createdContractAddress) {
+          _addresses.push(t.createdContractAddress);
+        }
       }
     }
     return _addresses;
diff --git a/src/block/BlockTransactionResults.tsx b/src/block/BlockTransactionResults.tsx
index 3931c46..01d867c 100644
--- a/src/block/BlockTransactionResults.tsx
+++ b/src/block/BlockTransactionResults.tsx
@@ -40,7 +40,16 @@ const BlockTransactionResults: React.FC<BlockTransactionResultsProps> = ({
       return [];
     }
 
-    return page.map((t) => t.to).filter((to): to is string => to !== null);
+    const _addresses: ChecksummedAddress[] = [];
+    for (const t of page) {
+      if (t.to) {
+        _addresses.push(t.to);
+      }
+      if (t.createdContractAddress) {
+        _addresses.push(t.createdContractAddress);
+      }
+    }
+    return _addresses;
   }, [page]);
   const metadatas = useContractsMetadata(addresses, provider);
 
diff --git a/src/useErigonHooks.ts b/src/useErigonHooks.ts
index a1e45f1..30effa2 100644
--- a/src/useErigonHooks.ts
+++ b/src/useErigonHooks.ts
@@ -95,8 +95,13 @@ export const useBlockTransactions = (
       const _receipts = result.receipts;
 
       const rawTxs = _block.transactions
-        .map(
-          (t, i): ProcessedTransaction => ({
+        .map((t, i): ProcessedTransaction => {
+          const _rawReceipt = _receipts[i];
+          // Empty logs on purpose because of ethers formatter requires it
+          _rawReceipt.logs = [];
+          const _receipt = provider.formatter.receipt(_rawReceipt);
+
+          return {
             blockNumber: blockNumber,
             timestamp: _block.timestamp,
             miner: _block.miner,
@@ -104,24 +109,24 @@ export const useBlockTransactions = (
             hash: t.hash,
             from: t.from,
             to: t.to ?? null,
-            createdContractAddress: _receipts[i].contractAddress,
+            createdContractAddress: _receipt.contractAddress,
             value: t.value,
             fee:
               t.type !== 2
                 ? provider.formatter
-                    .bigNumber(_receipts[i].gasUsed)
+                    .bigNumber(_receipt.gasUsed)
                     .mul(t.gasPrice!)
                 : provider.formatter
-                    .bigNumber(_receipts[i].gasUsed)
+                    .bigNumber(_receipt.gasUsed)
                     .mul(t.maxPriorityFeePerGas!.add(_block.baseFeePerGas!)),
             gasPrice:
               t.type !== 2
                 ? t.gasPrice!
                 : t.maxPriorityFeePerGas!.add(_block.baseFeePerGas!),
             data: t.data,
-            status: provider.formatter.number(_receipts[i].status),
-          })
-        )
+            status: provider.formatter.number(_receipt.status),
+          };
+        })
         .reverse();
       setTxs(rawTxs);
       setTotalTxs(result.fullblock.transactionCount);