From 2e586789a45d93be5e8615e9a491e012a744ae09 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Thu, 18 Nov 2021 16:01:11 -0300
Subject: [PATCH] Replace by TransactionAddress component

---
 src/components/InternalCreate.tsx               | 17 ++++++-----------
 src/components/InternalTransactionOperation.tsx |  1 -
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/components/InternalCreate.tsx b/src/components/InternalCreate.tsx
index 5a6a543..e086e9d 100644
--- a/src/components/InternalCreate.tsx
+++ b/src/components/InternalCreate.tsx
@@ -1,19 +1,18 @@
 import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faAngleRight } from "@fortawesome/free-solid-svg-icons/faAngleRight";
+import TransactionAddress from "./TransactionAddress";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
-import { TransactionData, InternalOperation } from "../types";
+import { InternalOperation } from "../types";
 import { ResolvedAddresses } from "../api/address-resolver";
 
 type InternalCreateProps = {
-  txData: TransactionData;
   internalOp: InternalOperation;
   resolvedAddresses: ResolvedAddresses | undefined;
 };
 
 const InternalCreate: React.FC<InternalCreateProps> = ({
-  txData,
   internalOp,
   resolvedAddresses,
 }) => (
@@ -33,14 +32,10 @@ const InternalCreate: React.FC<InternalCreateProps> = ({
     </div>
     <span className="flex items-baseline text-gray-400">
       (Creator:{" "}
-      <AddressHighlighter address={internalOp.from}>
-        <DecoratedAddressLink
-          address={internalOp.from}
-          txFrom={internalOp.from === txData.from}
-          txTo={internalOp.from === txData.to}
-          resolvedAddresses={resolvedAddresses}
-        />
-      </AddressHighlighter>
+      <TransactionAddress
+        address={internalOp.from}
+        resolvedAddresses={resolvedAddresses}
+      />
       )
     </span>
   </div>
diff --git a/src/components/InternalTransactionOperation.tsx b/src/components/InternalTransactionOperation.tsx
index f35319d..f167eb5 100644
--- a/src/components/InternalTransactionOperation.tsx
+++ b/src/components/InternalTransactionOperation.tsx
@@ -31,7 +31,6 @@ const InternalTransactionOperation: React.FC<InternalTransactionOperationProps>
       {(internalOp.type === OperationType.CREATE ||
         internalOp.type === OperationType.CREATE2) && (
         <InternalCreate
-          txData={txData}
           internalOp={internalOp}
           resolvedAddresses={resolvedAddresses}
         />