allow all gateway request & try fix interface contract call (#6)

gateway/ipfs_gateway_list.go

@@ -0,0 +1,9 @@
+package main
+
+const (
+	DEFAULT = CLOUDFLARE
+	CLOUDFLARE = "https://cloudflare-ipfs.com/ipfs/"
+	IPFS_IO = "https://ipfs.io/ipfs/"
+	DWEB_LINK = "https://dweb.link/ipfs/"
+	INFURA_IO = "https://ipfs.infura.io/ipfs/"
+)

gateway/main.go

@@ -45,14 +45,40 @@ func handle(w http.ResponseWriter, r *http.Request, params httprouter.Params) {
 		return
 	}
 
-	w.Header().Add("Location", "https://cloudflare-ipfs.com/ipfs/"+avatar)
+	gatewayParam := r.URL.Query().Get("gateway")
+	gateway := DEFAULT
+	switch gatewayParam {
+	case "cloudflare":
+		gateway = CLOUDFLARE
+	case "ipfs":
+		gateway = IPFS_IO
+	case "dweb":
+		gateway = DWEB_LINK
+	case "infura":
+		gateway = INFURA_IO
+	default:
+		gateway = DEFAULT
+	}
+
+	accessControlHeaders(w)
+	w.Header().Add("Location", gateway+avatar)
 	w.WriteHeader(302)
 }
 
 func main() {
 	r := httprouter.New()
+	r.GlobalOPTIONS = http.HandlerFunc(func(w http.ResponseWriter, request *http.Request) {
+		accessControlHeaders(w)
+	})
 	r.GET("/v1/:address", handle)
 	r.GET("/v1/:address/:name", handle)
 
 	log.Fatalln(http.ListenAndServe(":8080", r))
 }
+
+func accessControlHeaders(w http.ResponseWriter) {
+	header := w.Header()
+	header.Set("Access-Control-Allow-Methods", "GET")
+	header.Set("Access-Control-Allow-Origin", "*")
+	header.Set("Access-Control-Allow-Headers", "*")
+}

interface/src/pages/App.jsx

@@ -8,6 +8,7 @@ import styled from "styled-components";
 import { useWeb3React } from "@web3-react/core";
 import ABI from "../abi/Web3Avatar.abi.json";
 import Contract from "web3-eth-contract";
+import web3 from "web3";
 
 const ImageContainer = styled.div`
   width: 250px;
@@ -58,12 +59,12 @@ const App = () => {
           // contract address
           "0xEBFFe5EEe4a3a195cC726B0Aa3D7988Ed480679a"
         );
-        // console.log(added)
-        const res = await contract.methods
+        contract.methods
           .setAvatar("default", added.data.Hash)
-          .send({ from: account });
-        // TODO handle res
-        console.log(res);
+          .send({ from: account })
+          .then((res) => {
+            console.log(res);
+          });
       } finally {
         setIsUploading(false);
       }
@@ -107,9 +108,7 @@ const App = () => {
       </div>
 
       <div className="my-4 text-gray-400 text-center">
-        <p>
-          Your avatar will be upload to IPFS.
-        </p>
+        <p>Your avatar will be upload to IPFS.</p>
       </div>
     </>
   );