From d0f25e7d0ed0c41cc8fffb84183166a3d2e4b8b9 Mon Sep 17 00:00:00 2001
From: "arman.p" <arman.purtoian@firstbridge.io>
Date: Mon, 13 Sep 2021 10:06:39 +0300
Subject: [PATCH] AD-334 add id for my smart contract

---
 .../account/smart-contracts/contract-table-item/index.js    | 3 ++-
 .../account/smart-contracts/explorer-contracts/index.js     | 2 ++
 .../explorer-contracts/panels/panel-method.jsx              | 6 +++---
 .../account/smart-contracts/my-smart-contracts/index.js     | 1 +
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/containers/account/smart-contracts/contract-table-item/index.js b/src/containers/account/smart-contracts/contract-table-item/index.js
index fb3b063d8..636515074 100644
--- a/src/containers/account/smart-contracts/contract-table-item/index.js
+++ b/src/containers/account/smart-contracts/contract-table-item/index.js
@@ -65,11 +65,12 @@ export const ContractTableItem = ({
   return (
     <tr key={uuidv4()}>
       <td>
-        <Button color="blue-link" onClick={handleContractInfo} name={address} />
+        <Button id={`button-adres-${id}`} color="blue-link" onClick={handleContractInfo} name={address} />
       </td>
       <td>{name}</td>
       <td>
         <Button
+          id={`button-transaction-${id}`}
           color="blue-link"
           onClick={handleTransactionInfo}
           name={transaction}
diff --git a/src/containers/account/smart-contracts/explorer-contracts/index.js b/src/containers/account/smart-contracts/explorer-contracts/index.js
index 3f182c6f2..0de593c77 100644
--- a/src/containers/account/smart-contracts/explorer-contracts/index.js
+++ b/src/containers/account/smart-contracts/explorer-contracts/index.js
@@ -87,6 +87,7 @@ const ExplorerContracts = (props) => {
                       </TabContaier>
                       <TabContaier id="form-tab-read-smart-contracts-explorer" sectionName={"Read contract"}>
                         <PanelMethod
+                          id="read"
                           title={"Read Information"}
                           items={specificationsList.readList || []}
                           type={"view"}
@@ -96,6 +97,7 @@ const ExplorerContracts = (props) => {
                       </TabContaier>
                       <TabContaier id="form-tab-write-smart-contracts-explorer" sectionName={"Write contract"}>
                         <PanelMethod
+                          id="write"
                           title={"Write Information"}
                           items={specificationsList.writeList || []}
                           type={"write"}
diff --git a/src/containers/account/smart-contracts/explorer-contracts/panels/panel-method.jsx b/src/containers/account/smart-contracts/explorer-contracts/panels/panel-method.jsx
index 9d2c4be5f..3a45b9477 100644
--- a/src/containers/account/smart-contracts/explorer-contracts/panels/panel-method.jsx
+++ b/src/containers/account/smart-contracts/explorer-contracts/panels/panel-method.jsx
@@ -8,7 +8,7 @@ import Button from "../../../../components/button";
 import ExplorerForm from "../form";
 import { setBodyModalParamsAction } from "../../../../../modules/modals";
 
-const PanelMethod = ({ items, address, type, title, token }) => {
+const PanelMethod = ({ items, address, type, title, token, id }) => {
   const dispatch = useDispatch();
   const { transactions } = useSelector((state) => state.smartContract);
   const [expanded, setExpanded] = useState(false);
@@ -40,7 +40,7 @@ const PanelMethod = ({ items, address, type, title, token }) => {
       {items.length > 0 ? (
         items.map((item, index) => (
           <Collapsible
-            id={`${item.name}-${index}-explorer-smart-contracts`}
+            id={`${item.name}-${index}-${id}-smart-contracts`}
             title={item.name}
             expand={expanded}
             key={item.id}
@@ -48,7 +48,7 @@ const PanelMethod = ({ items, address, type, title, token }) => {
           >
             {type === "write" || (type === "view" && item.inputs.length > 0) ? (
               <ExplorerForm
-                id={`${item.name}-${index}-explorer-smart-contracts`}
+                id={`${item.name}-${index}-${id}-explorer-smart-contracts`}
                 methodName={item.name}
                 type={type}
                 address={address}
diff --git a/src/containers/account/smart-contracts/my-smart-contracts/index.js b/src/containers/account/smart-contracts/my-smart-contracts/index.js
index 5e16cbc39..10a7561c9 100644
--- a/src/containers/account/smart-contracts/my-smart-contracts/index.js
+++ b/src/containers/account/smart-contracts/my-smart-contracts/index.js
@@ -58,6 +58,7 @@ const SmartContracts = () => {
       <SiteHeader pageTitle={"Smart Contracts"} />
       <div className="page-body container-fluid">
         <CustomTable
+          id={"my-smart-contracts"}
           header={[
             {
               name: "Address",