From 8f78380521351c61fbbcda277acf69867d658ae6 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sun, 27 Feb 2022 13:54:20 -0300
Subject: [PATCH] Add EOA decoration

---
 src/components/DecoratedAddressLink.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx
index 331beb5..ccd5fea 100644
--- a/src/components/DecoratedAddressLink.tsx
+++ b/src/components/DecoratedAddressLink.tsx
@@ -24,6 +24,7 @@ type DecoratedAddressLinkProps = {
   txFrom?: boolean | undefined;
   txTo?: boolean | undefined;
   metadata?: Metadata | null | undefined;
+  eoa?: boolean | undefined;
 };
 
 const DecoratedAddressLink: React.FC<DecoratedAddressLinkProps> = ({
@@ -36,6 +37,7 @@ const DecoratedAddressLink: React.FC<DecoratedAddressLinkProps> = ({
   txFrom,
   txTo,
   metadata,
+  eoa,
 }) => {
   const mint = addressCtx === AddressContext.FROM && address === ZERO_ADDRESS;
   const burn = addressCtx === AddressContext.TO && address === ZERO_ADDRESS;
@@ -88,6 +90,22 @@ const DecoratedAddressLink: React.FC<DecoratedAddressLinkProps> = ({
         selectedAddress={selectedAddress}
         dontOverrideColors={mint || burn}
       />
+      {eoa === true && (
+        <span
+          className="text-xs text-gray-400 text-opacity-70"
+          title="Externally owned account"
+        >
+          (EOA)
+        </span>
+      )}
+      {eoa === false && (
+        <span
+          className="text-xs text-gray-400 text-opacity-70"
+          title="Contract account"
+        >
+          (C)
+        </span>
+      )}
     </div>
   );
 };