From 3fa2add09fcab82edf469cc5094cee573c0f3fd5 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Thu, 24 Mar 2022 15:39:09 -0300
Subject: [PATCH] Add eoa/contract indicator to contract creator addr on addr
 page

---
 src/address/AddressTransactionResults.tsx | 58 +++++++++++++----------
 src/components/TransactionAddress.tsx     |  6 ++-
 src/useBlockTagContext.tsx                |  4 +-
 3 files changed, 40 insertions(+), 28 deletions(-)

diff --git a/src/address/AddressTransactionResults.tsx b/src/address/AddressTransactionResults.tsx
index 1a95535..fcdffeb 100644
--- a/src/address/AddressTransactionResults.tsx
+++ b/src/address/AddressTransactionResults.tsx
@@ -20,6 +20,7 @@ import { useParams, useSearchParams } from "react-router-dom";
 import { ChecksummedAddress, ProcessedTransaction } from "../types";
 import { useContractsMetadata } from "../hooks";
 import { useAddressBalance, useContractCreator } from "../useErigonHooks";
+import { BlockNumberContext } from "../useBlockTagContext";
 
 type AddressTransactionResultsProps = {
   address: ChecksummedAddress;
@@ -133,34 +134,39 @@ const AddressTransactionResults: React.FC<AddressTransactionResultsProps> = ({
   return (
     <ContentFrame tabs>
       <SelectionContext.Provider value={selectionCtx}>
-        {balance && (
-          <InfoRow title="Balance">
-            <div className="space-x-2">
-              <TransactionValue value={balance} />
-              {!balance.isZero() && priceMap["latest"] !== undefined && (
-                <span className="px-2 border-green-200 border rounded-lg bg-green-100 text-green-600">
-                  <ETH2USDValue
-                    ethAmount={balance}
-                    eth2USDValue={priceMap["latest"]}
+        <BlockNumberContext.Provider value="latest">
+          {balance && (
+            <InfoRow title="Balance">
+              <div className="space-x-2">
+                <TransactionValue value={balance} />
+                {!balance.isZero() && priceMap["latest"] !== undefined && (
+                  <span className="px-2 border-green-200 border rounded-lg bg-green-100 text-green-600">
+                    <ETH2USDValue
+                      ethAmount={balance}
+                      eth2USDValue={priceMap["latest"]}
+                    />
+                  </span>
+                )}
+              </div>
+            </InfoRow>
+          )}
+          {creator && (
+            <InfoRow title="Contract creator">
+              <div className="flex divide-x-2 divide-dotted divide-gray-300">
+                <div className="flex items-baseline space-x-2 -ml-1 mr-3">
+                  <TransactionAddress
+                    address={creator.creator}
+                    showCodeIndicator
                   />
-                </span>
-              )}
-            </div>
-          </InfoRow>
-        )}
-        {creator && (
-          <InfoRow title="Contract creator">
-            <div className="flex divide-x-2 divide-dotted divide-gray-300">
-              <div className="flex items-baseline space-x-2 -ml-1 mr-3">
-                <TransactionAddress address={creator.creator} />
-                <Copy value={creator.creator} />
+                  <Copy value={creator.creator} />
+                </div>
+                <div className="flex items-baseline pl-3">
+                  <TransactionLink txHash={creator.hash} />
+                </div>
               </div>
-              <div className="flex items-baseline pl-3">
-                <TransactionLink txHash={creator.hash} />
-              </div>
-            </div>
-          </InfoRow>
-        )}
+            </InfoRow>
+          )}
+        </BlockNumberContext.Provider>
         <NavBar address={address} page={page} controller={controller} />
         <ResultHeader
           feeDisplay={feeDisplay}
diff --git a/src/components/TransactionAddress.tsx b/src/components/TransactionAddress.tsx
index 279dff8..4a9170b 100644
--- a/src/components/TransactionAddress.tsx
+++ b/src/components/TransactionAddress.tsx
@@ -30,7 +30,11 @@ const TransactionAddress: React.FC<TransactionAddressProps> = ({
   const toHasCode = useHasCode(
     provider,
     address,
-    blockNumber !== undefined ? blockNumber - 1 : undefined
+    blockNumber !== undefined
+      ? blockNumber === "latest"
+        ? "latest"
+        : blockNumber - 1
+      : undefined
   );
 
   return (
diff --git a/src/useBlockTagContext.tsx b/src/useBlockTagContext.tsx
index 8504fca..5cf2094 100644
--- a/src/useBlockTagContext.tsx
+++ b/src/useBlockTagContext.tsx
@@ -10,6 +10,8 @@ import { createContext, useContext } from "react";
  * at the time (block) the transaction happened it was still an EOA (create2),
  * so it should be displayed as an EOA.
  */
-export const BlockNumberContext = createContext<number | undefined>(undefined);
+export const BlockNumberContext = createContext<number | "latest" | undefined>(
+  undefined
+);
 
 export const useBlockNumberContext = () => useContext(BlockNumberContext);