Add Text Modifications

lionpunk · May 7, 2021 · a43a593 · a43a593
1 parent e081d20
commit a43a593
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 10 deletions.
diff --git a/components/footer.js b/components/footer.js
@@ -5,6 +5,9 @@ The Footer file that will remain constant.
 import React, { Component } from 'react';
 import { Menu, Header } from 'semantic-ui-react';
 
+// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+// import { faCopyright } from '@fortawesome/free-solid-svg-icons';
+
 class Footer extends Component {
     render() {
         return (
@@ -30,7 +33,14 @@ class Footer extends Component {
                             marginLeft: '80px'
                         }}
                     >
-                        Copyright Reserved by the Blockchain Carbon Cost Visualizer. This software and code was released under the Apache 2 license.
+                        {/* <FontAwesomeIcon
+                            style={{
+                                height: '14px'
+                            }}
+                            icon={faCopyright}
+                        />
+                        {' '} */}
+                        Copyright Reserved by O.N.C.E project team. This software and code is released under the GPL v3 license.
                     </Header>
                 </Menu.Item>
             </Menu>

diff --git a/pages/index.js b/pages/index.js
@@ -49,16 +49,17 @@ const energyOptions = [
 ]
 
 const nftOptions = [
-    {
-        key: 'rare-nft',
-        text: 'Rare NFT',
-        value: 'rare-nft'
-    },
+
     {
         key: 'mypt-nft',
         text: 'Mypt NFT',
         value: 'mypt-nft'
     },
+    {
+        key: 'rare-nft',
+        text: 'Rare NFT',
+        value: 'rare-nft'
+    },
     // {
     //     key: 'gyro-nft',
     //     text: 'Gyro NFT',
@@ -75,7 +76,8 @@ class ComponentIndex extends Component {
 
     state = {
         txType: 'nft-deploy',
-        nftType: 'rare-nft',
+        nftType: 'mypt-nft',
+        nftTypeName: 'Mypt NFT',
 
         ethNFT: [],
 
@@ -108,7 +110,7 @@ class ComponentIndex extends Component {
         fetch("https://once-hackathon-api.herokuapp.com/get-hash", requestOptions)
             .then(response => response.json())
             .then(result => {
-                // console.log(result)
+                console.log(result)
                 this.setState({ ethNFT: result.ethNFT })
             })
             .catch(error => console.log('error', error));
@@ -379,6 +381,9 @@ class ComponentIndex extends Component {
                         onChange={(e, { value }) => {
                             // console.log('NFT Type State Changed to', value)
                             this.setState({ nftType: value })
+                            // switch (value) {
+                            //     case 'rare-'
+                            // }
                             this.fetchCarbonCost(this.state.energyType, value)
                             this.changeNFTHash(value)
                         }}
@@ -522,6 +527,11 @@ class ComponentIndex extends Component {
             color: '#929FB3'
         }
 
+        const labelStyle = {
+            backgroundColor: '#F3B338',
+            marginTop: '10px'
+        }
+
         return (
             <Card.Group
                 style={{ marginLeft: '100px', marginTop: '30px' }}
@@ -551,7 +561,7 @@ class ComponentIndex extends Component {
                             Driven by a Passenger Car
                     </Card.Content>
                         <Label
-                            style={{ backgroundColor: '#F3B338' }}
+                            style={labelStyle}
                         >
                             {this.state.txType}
                         </Label>
@@ -583,7 +593,7 @@ class ComponentIndex extends Component {
                             Equivalent
                     </Card.Content>
                         <Label
-                            style={{ backgroundColor: '#F3B338' }}
+                            style={labelStyle}
                         >
                             {this.state.txType}
                         </Label>