make sure the frame projects images are fetched

gitcoinco · Oct 11, 2024 · 1f3bdd8 · 1f3bdd8
1 parent 7bee55f
commit 1f3bdd8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/.../grant-explorer/src/features/contributors/components/Buttons/MintDonationImpactAction.tsx b/.../grant-explorer/src/features/contributors/components/Buttons/MintDonationImpactAction.tsx
@@ -14,9 +14,7 @@ import { Contribution } from "data-layer";
 import { ProgressStatus } from "../../../../hooks/attestations/config";
 import { useEstimateGas } from "../../../../hooks/attestations/useEstimateGas";
 
-import {
-  AttestationChainId,
-} from "../../../attestations/utils/constants";
+import { AttestationChainId } from "../../../attestations/utils/constants";
 import { ethers } from "ethers";
 import { useAttestationFee } from "../../hooks/useMintingAttestations";
 
@@ -57,15 +55,23 @@ export function MintDonationImpactAction({
     [[transactionHash]]
   );
 
-  const { data: imagesBase64, isLoading: isLoadingImages } = useGetImages(
+  const {
+    data: imagesBase64,
+    isLoading: isLoadingImages,
+    isFetched: imagesFetched,
+  } = useGetImages(
     FrameProps.projects.map((project) => project.image),
     isOpen
   );
 
   const { data, isLoading, isRefetching } = useGetAttestationData(
     [transactionHash],
     handleGetAttestationPreview,
-    isLoadingENS || isLoadingImages || !isOpen || !startAction,
+    isLoadingENS ||
+      isLoadingImages ||
+      !isOpen ||
+      !startAction ||
+      !imagesFetched,
     selectedColor
   );
 
@@ -91,7 +97,7 @@ export function MintDonationImpactAction({
   });
 
   const { data: attestationFee } = useAttestationFee();
-  console.log("====> A1", attestationFee)
+  console.log("====> A1", attestationFee);
 
   const notEnoughFunds =
     balance?.value && gasEstimation

diff --git a/packages/grant-explorer/src/features/round/ThankYou.tsx b/packages/grant-explorer/src/features/round/ThankYou.tsx
@@ -26,9 +26,7 @@ import { useResolveENS } from "../../hooks/useENS";
 import { useAccount, useBalance } from "wagmi";
 import { useGetImages } from "../../hooks/attestations/useGetImages";
 import { useEstimateGas } from "../../hooks/attestations/useEstimateGas";
-import {
-  AttestationChainId,
-} from "../attestations/utils/constants";
+import { AttestationChainId } from "../attestations/utils/constants";
 import { ethers } from "ethers";
 import { useAttestationFee } from "../contributors/hooks/useMintingAttestations";
 import { useAttestationStore } from "../../attestationStore";
@@ -141,15 +139,23 @@ export default function ThankYou() {
 
   const { data: name, isLoading: isLoadingENS } = useResolveENS(address);
 
-  const { data: imagesBase64, isLoading: isLoadingImages } = useGetImages(
+  const {
+    data: imagesBase64,
+    isLoading: isLoadingImages,
+    isFetched: imagesFetched,
+  } = useGetImages(
     ImpactFrameProps.projects.map((project) => project.image),
     isModalOpen
   );
 
   const { data, isLoading } = useGetAttestationData(
     transactions,
     handleGetAttestationPreview,
-    isLoadingENS || isLoadingImages || !isModalOpen || isLoadingRoundNames,
+    isLoadingENS ||
+      isLoadingImages ||
+      !isModalOpen ||
+      isLoadingRoundNames ||
+      !imagesFetched,
     selectedBackground
   );