From daae37a6ab684f74ef65eba34e95da8affd644e5 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sun, 12 Sep 2021 21:30:42 -0300
Subject: [PATCH] Add copy operation to abi

---
 src/address/Contracts.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/address/Contracts.tsx b/src/address/Contracts.tsx
index fb2f3a7..07bf386 100644
--- a/src/address/Contracts.tsx
+++ b/src/address/Contracts.tsx
@@ -5,6 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
 import ContentFrame from "../ContentFrame";
 import InfoRow from "../components/InfoRow";
+import Copy from "../components/Copy";
 import ABI from "./ABI";
 import Contract from "./Contract";
 import { RuntimeContext } from "../useRuntime";
@@ -91,7 +92,8 @@ const Contracts: React.FC<ContractsProps> = ({
             {rawMetadata.output.abi && (
               <div className="mb-3">
                 <div className="flex space-x-2 text-sm border-l border-r border-t rounded-t px-2 py-1">
-                  ABI
+                  <span>ABI</span>
+                  <Copy value={JSON.stringify(rawMetadata.output.abi)} />
                 </div>
                 <ABI abi={rawMetadata.output.abi} />
               </div>