add-signHistory

src/component/SignHistory.tsx

@@ -0,0 +1,37 @@
+
+import { ethers, JsonRpcProvider, Signer} from "ethers";
+import React, { useEffect, useState } from 'react';
+
+interface ChildComponentProps{
+    signer: Signer;
+    proof: string;
+    res: string;
+    provider: JsonRpcProvider;
+}
+const SignHistory: React.FC<ChildComponentProps> = ({ signer, proof, res, provider }) => {
+    const [loading, setLoading] = useState<boolean>(false);
+    const contractAdr = import.meta.env.VITE_CONTRACT_ADDRESS_HISTORY || "";
+    const contractABI = JSON.parse(import.meta.env.VITE_CONTRACT_ABI_HISTORY || "[]");
+    const contract = new ethers.Contract(contractAdr, contractABI, signer )
+    useEffect(() => {
+        const fetchAddress = async () => {
+            if (signer) {
+                const addressAcc = await signer.getAddress();
+                console.log("Signer Address:", addressAcc);
+                await contract.addHistory(addressAcc, proof, res)
+                setLoading(true)
+            }
+        };
+        fetchAddress();
+    }, [signer]);
+
+
+
+  return (
+    <div>
+      <div>loading: {loading}</div>
+    </div>
+  );
+};
+
+export default SignHistory;

src/component/SnarkjsProof.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import * as snarkjs from "snarkjs";
 import { ethers, JsonRpcProvider, Wallet, Contract } from "ethers";
 import GetInputPatient from "./GetInputPatient";
+import SignHistory from "./SignHistory"
 // Define types for proof and public signals
 interface Proof {
   pi_a: [string, string];
@@ -158,6 +159,9 @@ function SnarkjsProof({ signer, age }: SnarkjsProofProps) {
         <button onClick={verifyProof} className="bg-red-400">Verify Proof</button>
         <code>{verificationResult}</code>
       </pre>
+      <div>
+        <SignHistory signer={wallet} proof={generateCall} res={verificationResult} provider={provider} />
+      </div>
     </div>
   );
 }