deployed to ropsten

ham-evans · Aug 18, 2021 · 21ddf3b · 21ddf3b
1 parent 24450f5
commit 21ddf3b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/hardhat.config.js b/hardhat.config.js
@@ -13,5 +13,9 @@ module.exports = {
     hardhat: {
       chainId: 1337
     },
+    ropsten: { 
+      url: process.env.REACT_APP_INFURA_API_KEY,
+      accounts: [process.env.REACT_APP_PRIVATE_KEY]
+    }
   }
 };
diff --git a/src/components/Home.css b/src/components/Home.css
@@ -1,6 +1,7 @@
 .home { 
     height: calc(100vh - 120px);
-    width: 100%; 
+    width: 100%;
+    margin-bottom: 350px;
 }
 
 .home__textcontainer { 

diff --git a/src/components/Mint.css b/src/components/Mint.css
@@ -1,8 +1,8 @@
 .bar__wrapper {
     background-color: #000;
     color: #fff;
-    height: 16vh;
-    margin-bottom: 50px;
+    height: 100%;
+    margin-bottom: 700px;
     position: relative;
   }
 
@@ -16,6 +16,7 @@
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     align-items: center;
+    text-align: center;
   }
 
   .bar__container button {

diff --git a/src/components/Mint.js b/src/components/Mint.js
@@ -3,7 +3,7 @@ import "./Mint.css";
 import { ethers } from 'ethers';
 import Boids from '../artifacts/contracts/Boids.sol/Boids.json';
 
-const boidsAddress = '0x5FbDB2315678afecb367f032d93F642f64180aa3';
+const boidsAddress = '0xeAceC5181402623d9E5AaE97d7765C9b9cEa73Ad';
 
 export default function Mint () {
     const [signedIn, setSignedIn] = useState(false);
@@ -52,7 +52,6 @@ export default function Mint () {
         const salebool = await boidsContract.saleIsActive();
         setSaleStarted(salebool);
 
-
         const totalSupply = String(await boidsContract.totalSupply());
         setTotalSupply(totalSupply);
 
@@ -102,7 +101,7 @@ export default function Mint () {
             <div className="bar">
                 <div className="bar__container">
                     <h2>Minting is live! Mint before its too late.</h2> 
-                    <p>TOTAL BOIDS MINTED:  <p> {!signedIn ?  <>-</>  :  <>{totalSupply}</> } / 1500</p></p>
+                    <h3>TOTAL BOIDS MINTED:  <span> {!signedIn ?  <>-</>  :  <>{totalSupply}</> } / 1500</span></h3>
                     <button onClick={flipSaleState}>Flip It</button>
                     <button onClick={() => mintBoid(1)}>Mint a boid</button>