Merge pull request #605 from PotLock/feature/matchingpool-sync

Feature/matchingpool sync

Author: aunali8812

src/layout/pot/components/layout.tsx

@@ -1,9 +1,9 @@
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 import Link from "next/link";
 import { useRouter } from "next/router";
 
-import { indexer } from "@/common/api/indexer";
+import { indexer, syncApi } from "@/common/api/indexer";
 import { PageWithBanner } from "@/common/ui/layout/components";
 import { cn } from "@/common/ui/layout/utils";
 import { useWalletUserSession } from "@/common/wallet";
@@ -36,6 +36,13 @@ export const PotLayout: React.FC<PotLayoutProps> = ({ children }) => {
   const { activeTab, orderedTabList } = usePotLayoutTabNavigation({ potId });
   const { data: pot } = indexer.usePot({ potId });
 
+  // Sync pot donations when returning from a wallet transaction (?done=true)
+  useEffect(() => {
+    if (query.done && potId) {
+      syncApi.potDonations(potId).catch(() => {});
+    }
+  }, [query.done, potId]);
+
   // Modals
   const [resultModalOpen, setSuccessModalOpen] = useState(!!query.done && !query.errorMessage);
   const [errorModalOpen, setErrorModalOpen] = useState(!!query.errorMessage);