fix(web/temporary): use cloudflare gateway for evidences

Author: alcercu

web/src/components/EvidenceCard.tsx

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import Jazzicon, { jsNumberForAddress } from "react-jazzicon";
 import { Card } from "@kleros/ui-components-library";
 import AttachmentIcon from "svgs/icons/attachment.svg";
-import { useIPFSQuery } from "hooks/useIPFSQuery";
+import { useIPFSQuery } from "hooks/useIPFSCloudflare";
 import { shortenAddress } from "utils/shortenAddress";
 
 interface IEvidenceCard {
@@ -32,7 +32,7 @@ const EvidenceCard: React.FC<IEvidenceCard> = ({ evidence, sender, index }) => {
         <p>{shortenAddress(sender)}</p>
         {data && (
           <StyledA
-            href={`https://ipfs.kleros.io${data.fileURI}`}
+            href={`https://cloudflare-ipfs.com${data.fileURI}`}
             target="_blank"
             rel="noreferrer"
           >

web/src/hooks/useIPFSCloudflare.ts

@@ -0,0 +1,14 @@
+import useSWRImmutable from "swr/immutable";
+
+export const useIPFSQuery = (ipfsPath?: string) => {
+  return useSWRImmutable(
+    () => (ipfsPath !== undefined ? ipfsPath : false),
+    async () => {
+      if (ipfsPath) {
+        return fetch(`https://cloudflare-ipfs.com${ipfsPath}`).then((res) =>
+          res.json()
+        );
+      } else throw Error;
+    }
+  );
+};

web/src/hooks/useIPFSQuery.ts

@@ -4,7 +4,6 @@ export const useIPFSQuery = (ipfsPath?: string) => {
   return useSWRImmutable(
     () => (ipfsPath !== undefined ? ipfsPath : false),
     async () => {
-      console.log("ipfsQuery", ipfsPath);
       if (ipfsPath) {
         return fetch(`https://ipfs.kleros.io${ipfsPath}`).then((res) =>
           res.json()