Merge pull request #13 from sismo-core/wagmi-clean

feat: wagmi logic in hook + clean
sismo-core · Jul 17, 2023 · 3532232 · 3532232
2 parents 50ba757 + d00e7d8
commit 3532232
Show file tree

Hide file tree

Showing 9 changed files with 386 additions and 215 deletions.
diff --git a/.gitignore b/.gitignore
@@ -56,4 +56,4 @@ docs/
 .env
 
 # Sismo connect config
-sismo-connect-config.json
+sismo-connect-config.json
diff --git a/abi/Airdrop.json b/abi/Airdrop.json
@@ -146,6 +146,109 @@
     "name": "Approval",
     "type": "event"
   },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "components": [
+          {
+            "internalType": "enum AuthType",
+            "name": "authType",
+            "type": "uint8"
+          },
+          {
+            "internalType": "bool",
+            "name": "isAnon",
+            "type": "bool"
+          },
+          {
+            "internalType": "uint256",
+            "name": "userId",
+            "type": "uint256"
+          },
+          {
+            "internalType": "bytes",
+            "name": "extraData",
+            "type": "bytes"
+          },
+          {
+            "internalType": "bytes",
+            "name": "proofData",
+            "type": "bytes"
+          }
+        ],
+        "indexed": false,
+        "internalType": "struct VerifiedAuth",
+        "name": "verifiedAuth",
+        "type": "tuple"
+      }
+    ],
+    "name": "AuthVerified",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "components": [
+          {
+            "internalType": "enum ClaimType",
+            "name": "claimType",
+            "type": "uint8"
+          },
+          {
+            "internalType": "bytes16",
+            "name": "groupId",
+            "type": "bytes16"
+          },
+          {
+            "internalType": "bytes16",
+            "name": "groupTimestamp",
+            "type": "bytes16"
+          },
+          {
+            "internalType": "uint256",
+            "name": "value",
+            "type": "uint256"
+          },
+          {
+            "internalType": "bytes",
+            "name": "extraData",
+            "type": "bytes"
+          },
+          {
+            "internalType": "uint256",
+            "name": "proofId",
+            "type": "uint256"
+          },
+          {
+            "internalType": "bytes",
+            "name": "proofData",
+            "type": "bytes"
+          }
+        ],
+        "indexed": false,
+        "internalType": "struct VerifiedClaim",
+        "name": "verifiedClaim",
+        "type": "tuple"
+      }
+    ],
+    "name": "ClaimVerified",
+    "type": "event"
+  },
+  {
+    "anonymous": false,
+    "inputs": [
+      {
+        "indexed": false,
+        "internalType": "bytes",
+        "name": "verifiedSignedMessage",
+        "type": "bytes"
+      }
+    ],
+    "name": "SignedMessageVerified",
+    "type": "event"
+  },
   {
     "anonymous": false,
     "inputs": [

diff --git a/front/src/app/components/Header.tsx b/front/src/app/components/Header.tsx
@@ -33,6 +33,15 @@ const Header: React.FC = () => {
           <b className="code-snippet">src/Airdrop.sol</b>: Contract - verify Sismo Connect request,
           mint tokens and stores verified claims and auths
         </p>
+        <p className="callout">
+          {" "}
+          Notes: <br />
+          1. If you are using metamask and transactions hang. Go to settings > advanced > clear activity and nonce data <br />
+          2. First ZK Proof generation takes longer time, especially with bad internet as there is a
+          zkey file to download once in the data vault connection <br />
+          3. The more proofs you request, the longer it takes to generate them (about 2 secs per
+          proof)
+        </p>
       </div>
     </>
   );

diff --git a/front/src/app/globals.css b/front/src/app/globals.css
@@ -158,11 +158,12 @@ input:focus {
 
 
 .callout {
-  color: #d3d3d3; /* Light gray color */
+  color: #000000; /* Black color text */
   padding: 1rem; /* Adds some space around the text */
-  border: 1px solid #d3d3d3; /* Adds a light gray border */
+  border: 2px solid #000000; /* Increases border thickness and change to black */
   border-radius: 5px; /* Rounds the corners of the border */
-  background-color: rgba(0,0,0,0.1); /* Adds a very light black background to increase readability of gray text */
+  background-color: rgba(255,255,255,0.6); /* Adds a semi-transparent white background to increase readability of black text */
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Adds a slight shadow for a "lifted" effect */
 }
 
 .verifying, .verified {