Render Address on NFT Change

lionpunk · May 6, 2021 · 36b871b · 36b871b
1 parent 903fb37
commit 36b871b
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/pages/index.js b/pages/index.js
@@ -66,7 +66,10 @@ class ComponentIndex extends Component {
     state = {
         txType: 'nft-deploy',
         nftType: 'rare-nft',
-        ethHash: '0x112dc1cd0a6c50aae90bcb37f0377b510ede046dffb1e18cb32d33a6a4ab2710',
+
+        ethNFT: [],
+
+        ethHash: "0xb78615d79cf590588c055319f96617c842040db9",
         // rskHash: '',
         renewable: 28,
         fossils: 72,
@@ -90,10 +93,22 @@ class ComponentIndex extends Component {
 
         fetch("https://once-hackathon-api.herokuapp.com/get-hash", requestOptions)
             .then(response => response.json())
-            .then(result => console.log(result))
+            .then(result => {
+                console.log(result)
+                this.setState({ ethNFT: result.ethNFT })
+            })
             .catch(error => console.log('error', error));
     }
 
+    changeNFTHash(nft) {
+        const { ethNFT } = this.state;
+        for (let item of ethNFT) {
+            if (item.name.replace(/\s+/g, '-').toLowerCase() == nft) {
+                this.setState({ ethHash: item.address })
+            }
+        }
+    }
+
     fetchCarbonIntensity(energy, nft) {
         var myHeaders = new Headers();
         myHeaders.append("Content-Type", "application/json");
@@ -303,6 +318,7 @@ class ComponentIndex extends Component {
                             console.log('NFT Type State Changed to', value)
                             this.setState({ nftType: value })
                             this.fetchCarbonIntensity(this.state.energyType, value)
+                            this.changeNFTHash(value)
                         }}
                     />