From 5b630e7757d27f49882d0e7cadb9ae5b0763e64a Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Wed, 21 Jul 2021 17:51:34 -0300
Subject: [PATCH] Change self-destruct address decoration

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

diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx
index e39715c..82d70f9 100644
--- a/src/components/DecoratedAddressLink.tsx
+++ b/src/components/DecoratedAddressLink.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faStar,
+  faBomb,
   faMoneyBillAlt,
   faBurn,
   faCoins,
@@ -53,6 +54,11 @@ const DecoratedAddresssLink: React.FC<DecoratedAddressLinkProps> = ({
           <FontAwesomeIcon icon={faStar} size="1x" />
         </span>
       )}
+      {selfDestruct && (
+        <span className="text-red-800" title="Self destruct">
+          <FontAwesomeIcon icon={faBomb} size="1x" />
+        </span>
+      )}
       {mint && (
         <span className="text-green-500" title="Mint address">
           <FontAwesomeIcon icon={faMoneyBillAlt} size="1x" />
diff --git a/src/components/InternalSelfDestruct.tsx b/src/components/InternalSelfDestruct.tsx
index 6d83e3a..543b429 100644
--- a/src/components/InternalSelfDestruct.tsx
+++ b/src/components/InternalSelfDestruct.tsx
@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { ethers } from "ethers";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faAngleRight, faBomb } from "@fortawesome/free-solid-svg-icons";
+import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
 import { RuntimeContext } from "../useRuntime";
@@ -28,10 +28,7 @@ const InternalSelfDestruct: React.FC<InternalSelfDestructProps> = ({
     <>
       <div className="flex items-baseline space-x-1 text-xs">
         <span className="text-gray-500">
-          <span className="text-red-900">
-            <FontAwesomeIcon icon={faBomb} size="1x" />
-          </span>{" "}
-          SELF DESTRUCT
+          <FontAwesomeIcon icon={faAngleRight} size="1x" /> SELF DESTRUCT
         </span>
         <span>Contract</span>
         <div className="flex items-baseline">