Rifeljm/vc is valid lazy get proofs

packages/api-react/src/hooks/index.ts

@@ -23,3 +23,4 @@ export { default as useNFTCoinAdded } from './useNFTCoinAdded';
 export { default as useNFTCoinRemoved } from './useNFTCoinRemoved';
 export { default as useNFTCoinUpdated } from './useNFTCoinUpdated';
 export { default as useNFTCoinDIDSet } from './useNFTCoinDIDSet';
+export { useVCCoinAdded, useVCCoinRemoved } from './useVCEvents';

packages/api-react/src/hooks/useVCEvents.ts

@@ -0,0 +1,11 @@
+import { VC } from '@chia-network/api';
+
+import useSubscribeToEvent from './useSubscribeToEvent';
+
+export function useVCCoinAdded(callback: (coin: any) => void) {
+  return useSubscribeToEvent('onVCCoinAdded', VC, callback);
+}
+
+export function useVCCoinRemoved(callback: (coin: any) => void) {
+  return useSubscribeToEvent('onVCCoinRemoved', VC, callback);
+}

packages/api-react/src/services/index.ts

@@ -195,6 +195,7 @@ export const {
   useSpendVCMutation,
   useAddVCProofsMutation,
   useGetProofsForRootQuery,
+  useLazyGetProofsForRootQuery,
   useRevokeVCMutation,
   // clawback
   useSetAutoClaimMutation,

packages/api-react/src/services/wallet.ts

@@ -1562,6 +1562,7 @@ export const {
   useSpendVCMutation,
   useAddVCProofsMutation,
   useGetProofsForRootQuery,
+  useLazyGetProofsForRootQuery,
   useRevokeVCMutation,
   // clawback
   useSetAutoClaimMutation,

packages/gui/src/components/vcs/VCCard.tsx

@@ -140,7 +140,7 @@ export default function VCCard(props: { vcRecord: any; isDetail?: boolean; proof
             <Trans>Expired</Trans>
           ) : vcRecord.revoked ? (
             <Trans>Revoked</Trans>
-          ) : proofs && Object.keys(proofs).length ? (
+          ) : vcRecord.isValid || !!(proofs && Object.keys(proofs).length > 0) ? (
             <Trans>Valid</Trans>
           ) : (
             <Trans>Invalid</Trans>

packages/gui/src/components/vcs/VCList.tsx

@@ -1,4 +1,10 @@
-import { useGetVCListQuery, useLocalStorage, useGetLoggedInFingerprintQuery } from '@chia-network/api-react';
+import {
+  useGetVCListQuery,
+  useLocalStorage,
+  useGetLoggedInFingerprintQuery,
+  useLazyGetProofsForRootQuery,
+  useVCCoinAdded,
+} from '@chia-network/api-react';
 import { Flex, More, MenuItem, AlertDialog, useOpenDialog, useDarkMode } from '@chia-network/core';
 import {
   VCZeroStateBackground as VCZeroStateBackgroundIcon,
@@ -74,6 +80,42 @@ export default function VCList() {
 
   const { isDarkMode } = useDarkMode();
 
+  const [getProofsForRoot] = useLazyGetProofsForRootQuery();
+
+  const [proofs, setProofs] = React.useState<any>({});
+
+  /* We only need to subscribe to event and the list will be updated automatically on added VC */
+  useVCCoinAdded(() => {});
+
+  React.useEffect(() => {
+    if (blockchainVCs?.vcRecords) {
+      Promise.all(
+        blockchainVCs.vcRecords
+          .filter((vcRecord: any) => !!vcRecord.vc?.proofHash)
+          .map(
+            (vcRecord) =>
+              new Promise((resolve, reject) => {
+                getProofsForRoot(vcRecord.vc?.proofHash).then((result: any) => {
+                  if (proofs) {
+                    resolve([vcRecord.vc?.launcherId, result.data?.proofs]);
+                  } else {
+                    reject();
+                  }
+                });
+              })
+          )
+      ).then((results) => {
+        const proofsObj: any = {};
+        results.forEach((result: any) => {
+          const vcId = result[0];
+          const p = result[1];
+          proofsObj[vcId] = p;
+        });
+        setProofs(proofsObj);
+      });
+    }
+  }, [blockchainVCs, getProofsForRoot, proofs]);
+
   const COMPONENTS = {
     Item: ItemContainer,
     List: ListContainer,
@@ -99,10 +141,16 @@ export default function VCList() {
   const allVCs = React.useMemo(() => {
     if (fingerprint) {
       // filter out undefined values
-      return (blockchainVCs?.vcRecords || []).concat(VCsLocalStorage[fingerprint]).filter(Boolean);
+      return blockchainVCs?.vcRecords
+        .map((record) => ({
+          ...record,
+          isValid: !!(proofs[record.vc.launcherId] && Object.keys(proofs[record.vc.launcherId]).length > 0),
+        }))
+        .concat(VCsLocalStorage[fingerprint])
+        .filter(Boolean);
     }
     return [];
-  }, [VCsLocalStorage, blockchainVCs?.vcRecords, fingerprint]);
+  }, [VCsLocalStorage, blockchainVCs?.vcRecords, fingerprint, proofs]);
 
   if (isLoading) return null;