feat(op-rewards): disable in UI once ceiling is hit

src/hooks/useAvailableRemainingRewards.ts

@@ -0,0 +1,41 @@
+import { useQuery } from "@tanstack/react-query";
+import axios from "axios";
+import { BigNumber } from "ethers";
+import {
+  rewardProgramTypes,
+  defaultRefetchInterval,
+  rewardsApiUrl,
+  getToken,
+  parseUnits,
+  isDefined,
+} from "utils";
+
+export function useAvailableRemainingRewards(program?: rewardProgramTypes) {
+  const { data } = useQuery({
+    queryKey: [program] as [rewardProgramTypes],
+    enabled: isDefined(program),
+    refetchInterval: defaultRefetchInterval,
+    queryFn: ({ queryKey: key }) =>
+      key[0] === "op-rebates"
+        ? resolveCurrentDispensedOpRewards()
+        : Promise.resolve(undefined),
+  });
+  return {
+    ...data,
+    areRewardTokensAvailable: (program && data?.areTokensAvailable) ?? false,
+  };
+}
+
+async function resolveCurrentDispensedOpRewards() {
+  const { data } = await axios.get<{
+    totalTokenAmount: string;
+  }>(`${rewardsApiUrl}/rewards/op-rebates/stats`);
+  const opToken = getToken("OP");
+  const existingTokens = BigNumber.from(data.totalTokenAmount);
+  const tokenCeiling = parseUnits("750000", opToken.decimals); // 750K tokens
+
+  return {
+    totalTokensDispensed: existingTokens,
+    areTokensAvailable: existingTokens.lt(tokenCeiling),
+  };
+}

src/views/Bridge/components/RewardsProgramCTA.tsx

@@ -8,6 +8,7 @@ import {
 } from "utils";
 import { PrimaryButton, Text } from "components";
 import { useHistory } from "react-router-dom";
+import { useAvailableRemainingRewards } from "hooks/useAvailableRemainingRewards";
 
 type ReferralCTAProps = {
   program: rewardProgramTypes;
@@ -16,10 +17,11 @@ type ReferralCTAProps = {
 
 const RewardsProgramCTA = ({ program, toChain }: ReferralCTAProps) => {
   const { push: navigate } = useHistory();
+  const { areTokensAvailable } = useAvailableRemainingRewards(program);
 
   const rewardProgram = rewardPrograms[program];
 
-  if (!rewardProgram) {
+  if (!rewardProgram || !areTokensAvailable) {
     return null;
   }
 

src/views/Bridge/hooks/useEstimatedRewards.ts

@@ -1,4 +1,5 @@
 import { BigNumber, utils as ethersUtils } from "ethers";
+import { useAvailableRemainingRewards } from "hooks/useAvailableRemainingRewards";
 import { useTokenConversion } from "hooks/useTokenConversion";
 import { DateTime } from "luxon";
 import { useMemo } from "react";
@@ -66,8 +67,12 @@ export function useEstimatedRewards(
       yesterdaysDate
     );
 
+  const { areRewardTokensAvailable } =
+    useAvailableRemainingRewards(rewardProgramName);
+
   const depositReward = useMemo(() => {
     if (
+      !areRewardTokensAvailable ||
       availableRewardPercentage === undefined ||
       rewardToken === undefined ||
       bridgeFee === undefined ||
@@ -103,6 +108,7 @@ export function useEstimatedRewards(
       rewardAsRewardToken: totalRewardInRewardToken,
     };
   }, [
+    areRewardTokensAvailable,
     availableRewardPercentage,
     bridgeFee,
     convertL1ToBaseCurrency,