From 163cef69394a956a5bdd48ccb3564194a9d78530 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 19 Jul 2021 04:19:24 -0300
Subject: [PATCH] Add selfdestruct decoration

---
 src/components/DecoratedAddressLink.tsx | 6 +++++-
 src/components/InternalSelfDestruct.tsx | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx
index 2579848..9dcd416 100644
--- a/src/components/DecoratedAddressLink.tsx
+++ b/src/components/DecoratedAddressLink.tsx
@@ -15,6 +15,7 @@ type DecoratedAddressLinkProps = {
   text?: string;
   addressCtx?: AddressContext;
   miner?: boolean;
+  selfDestruct?: boolean;
 };
 
 const DecoratedAddresssLink: React.FC<DecoratedAddressLinkProps> = ({
@@ -24,6 +25,7 @@ const DecoratedAddresssLink: React.FC<DecoratedAddressLinkProps> = ({
   text,
   addressCtx,
   miner,
+  selfDestruct,
 }) => {
   const mint = addressCtx === AddressContext.FROM && address === ZERO_ADDRESS;
   const burn = addressCtx === AddressContext.TO && address === ZERO_ADDRESS;
@@ -32,7 +34,9 @@ const DecoratedAddresssLink: React.FC<DecoratedAddressLinkProps> = ({
     <div
       className={`flex items-baseline space-x-1 ${
         mint ? "italic text-green-500 hover:text-green-700" : ""
-      } ${burn ? "line-through text-orange-500 hover:text-orange-700" : ""}`}
+      } ${burn ? "line-through text-orange-500 hover:text-orange-700" : ""} ${
+        selfDestruct ? "line-through" : ""
+      }`}
     >
       {mint && (
         <span className="text-green-500" title="Mint address">
diff --git a/src/components/InternalSelfDestruct.tsx b/src/components/InternalSelfDestruct.tsx
index bc8eba8..b717d38 100644
--- a/src/components/InternalSelfDestruct.tsx
+++ b/src/components/InternalSelfDestruct.tsx
@@ -36,11 +36,11 @@ const InternalSelfDestruct: React.FC<InternalSelfDestructProps> = ({
         <span>Contract</span>
         <div className="flex items-baseline">
           <AddressHighlighter address={transfer.from}>
-            <DecoratedAddressLink address={transfer.from} />
+            <DecoratedAddressLink address={transfer.from} selfDestruct />
           </AddressHighlighter>
         </div>
         {network?.chainId === 1 && transfer.to === CHI_ADDRESS && (
-          <span className="text-gray-400">(CHI Gastoken)</span>
+          <span className="text-gray-400">(Chi Gastoken)</span>
         )}
         {network?.chainId === 1 && transfer.to === GST2_ADDRESS && (
           <span className="text-gray-400">(GST2 Gastoken)</span>