Merge pull request #607 from PotLock/staging

Staging

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);

src/pages/campaigns.tsx

@@ -34,6 +34,12 @@ export const FeaturedCampaigns = ({
     api.on("select", () => {
       setCurrent(api.selectedScrollSnap());
     });
+
+    const interval = setInterval(() => {
+      api.scrollNext();
+    }, 5000);
+
+    return () => clearInterval(interval);
   }, [api]);
 
   if (!data?.length) {