added polling when checking if a user is donating to a collective (#137)

* added polling to subgraph when checking if a user is donating to a collective

* changed poll interval for supporter check to env var with default 30 sec

* fixed merge conflicts

packages/app/src/components/ViewCollective.tsx

@@ -34,7 +34,7 @@ import FlowingDonationsRowItem from './FlowingDonationsRowItem';
 import { useDeleteFlow } from '../hooks/useContractCalls/useDeleteFlow';
 import ErrorModal from './modals/ErrorModal';
 import FlowingCurrentPoolRowItem from './FlowingCurrentPoolRowItem';
-import { defaultInfoLabel } from '../models/constants';
+import { defaultInfoLabel, IS_DONATING_POLL_INTERVAL } from '../models/constants';
 
 interface ViewCollectiveProps {
   collective: Collective;
@@ -63,7 +63,7 @@ function ViewCollective({ collective }: ViewCollectiveProps) {
   const infoLabel = collective.ipfs.infoLabel ?? defaultInfoLabel;
 
   const { address } = useAccount();
-  const maybeDonorCollective = useDonorCollectiveByAddresses(address ?? '', poolAddress);
+  const maybeDonorCollective = useDonorCollectiveByAddresses(address ?? '', poolAddress, IS_DONATING_POLL_INTERVAL);
   const isDonating = maybeDonorCollective && maybeDonorCollective.flowRate !== '0';
 
   const [stopDonationModalVisible, setStopDonationModalVisible] = useState(false);

packages/app/src/hooks/useDonorCollectiveByAddresses.ts

@@ -4,9 +4,10 @@ import { subgraphDonorCollectiveToModel } from '../models/transforms';
 
 export function useDonorCollectiveByAddresses(
   donorAddress: string,
-  collectiveAddress: string
+  collectiveAddress: string,
+  pollInterval?: number
 ): DonorCollective | undefined {
-  const subgraphDonorCollective = useSubgraphDonorCollective(donorAddress, collectiveAddress);
+  const subgraphDonorCollective = useSubgraphDonorCollective(donorAddress, collectiveAddress, pollInterval);
   if (!subgraphDonorCollective) return undefined;
   return subgraphDonorCollectiveToModel(subgraphDonorCollective);
 }

packages/app/src/models/constants.ts

@@ -38,3 +38,5 @@ export const frequencyOptions: { value: Frequency; label: Frequency }[] = Object
 }));
 
 export const defaultInfoLabel = 'Please see the smart contract for information regarding payment logic.';
+
+export const IS_DONATING_POLL_INTERVAL = parseInt(process.env.IS_DONATING_POLL_INTERVAL ?? '30000', 10);

packages/app/src/subgraph/useSubgraphDonorCollective.ts

@@ -21,13 +21,15 @@ const donorCollectiveByEntities = gql`
 
 export function useSubgraphDonorCollective(
   donorAddress: string,
-  collectiveAddress: string
+  collectiveAddress: string,
+  pollInterval?: number
 ): SubgraphDonorCollective | undefined {
   const response = useSubgraphData(donorCollectiveByEntities, {
     variables: {
       donor: donorAddress.toLowerCase(),
       collective: collectiveAddress.toLowerCase(),
     },
+    pollInterval,
   });
   const data = (response as DonorCollectiveSubgraphResponse).donorCollectives;
   if (!data || data.length === 0) {