add exchane logos

package.json

@@ -12,8 +12,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "wagmi": "^0.10.12",
+    "wagmi": "^0.10.12"
-    "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.js

@@ -13,7 +13,12 @@ import { ethers, BigNumber } from 'ethers';
 import Noty from 'noty';
 
 import ABI from './abi.json';
+import Twitter from './img/twitter.png';
+import Looksrare from './img/looksrare.png';
+import Opensea from './img/opensea.png';
+import X2Y2 from './img/x2y2.png';
 import 'bulma/css/bulma.min.css';
+import 'font-awesome/css/font-awesome.min.css';
 import 'noty/lib/noty.css';  
 import 'noty/lib/themes/relax.css';  
 
@@ -27,7 +32,7 @@ const { chains, provider } = configureChains(
 const connector = new InjectedConnector({ chains });
 
 const client = createClient({
-  autoConnect: false,
+  autoConnect: true,
   connectors: [connector],
   provider
 });
@@ -251,6 +256,17 @@ function Contract() {
           </div>
         )}
 
+        <div className="block">
+          
+
+          <div className="buttons has-addons">
+            <a href="#" target={"_blank"} alt="twitter share" className="button"><img src={Twitter} width={"32px"} /></a>
+            <a href="#" target={"_blank"} alt="looksrare link" className="button"><img src={Looksrare} width={"32px"} /></a>
+            <a href="#" target={"_blank"} alt="x2y2 link" className="button"><img src={X2Y2} width={"32px"} /></a>
+            <a href="#" target={"_blank"} alt="opensea link" className="button"><img src={Opensea} width={"32px"} /></a>
+          </div>
+        </div>
+      
         <hr></hr>
 
         {options.totalSupply < options.max && (
@@ -301,12 +317,6 @@ function Contract() {
         <div className="notification is-info">
           The secret hash containing the pre-determined winners is: <strong>{options.hash}</strong>
         </div>
-        <div className="buttons has-addons">
-          <a href="#" target={"_blank"} alt="" className="button">Opensea</a>
-          <a href="#" target={"_blank"} alt="" className="button">Blur</a>
-          <a href="#" target={"_blank"} alt="" className="button">X2Y2</a>
-          <a href="#" target={"_blank"} alt="" className="button">Looksrare</a>
-        </div>
       </>
     )
   if (isConnected && !options.phraseSet)