feat: gho incentives (#2082)

src/components/WalletConnection/WalletSelector.tsx

@@ -133,17 +133,17 @@ export const WalletSelector = () => {
   // Get UNS Tlds. Grabbing this fron an endpoint since Unstoppable adds new TLDs frequently, so this wills tay updated
   useEffect(() => {
     const unsTlds = async () => {
-      const url = 'https://resolve.unstoppabledomains.com/supported_tlds';
-      const response = await fetch(url);
-      const data = await response.json();
-      setUnsTlds(data['tlds']);
+      try {
+        const url = 'https://resolve.unstoppabledomains.com/supported_tlds';
+        const response = await fetch(url);
+        const data = await response.json();
+        setUnsTlds(data['tlds']);
+      } catch (e) {
+        console.log('Error fetching UNS TLDs: ', e);
+      }
     };
 
-    try {
-      unsTlds();
-    } catch (e) {
-      console.log('Error fetching UNS TLDs: ', e);
-    }
+    unsTlds();
   }, []);
 
   const handleBlocking = () => {

src/components/incentives/IncentivesButton.tsx

@@ -62,38 +62,32 @@ export const UserMeritIncentivesButton = ({ symbol }: { symbol: 'gho' | 'stkgho'
       setOpen={setOpen}
       open={open}
     >
-      <Content incentives={[incentives]} incentivesNetAPR={+incentives.incentiveAPR} plus />
+      <Content incentives={[incentives]} incentivesNetAPR={+incentives.incentiveAPR} />
     </ContentWithTooltip>
   );
 };
 
 export const MeritIncentivesButton = ({ symbol }: { symbol: 'gho' | 'stkgho' }) => {
   const [open, setOpen] = useState(false);
-  const { data: meritIncentives } = useMeritIncentives();
+  const { data: meritIncentives } = useMeritIncentives(symbol);
 
   if (!meritIncentives) {
     return null;
   }
 
-  const incentives = {
-    incentiveAPR: (meritIncentives.actionsAPR[symbol] / 100).toString(),
-    rewardTokenSymbol: 'GHO', // rewards alwasy in gho, for now
-    rewardTokenAddress: '0x', // not used for merit program
-  };
-
   return (
     <ContentWithTooltip
       tooltipContent={
         <MeritIncentivesTooltipContent
-          incentiveAPR={incentives.incentiveAPR}
-          rewardTokenSymbol={incentives.rewardTokenSymbol}
+          incentiveAPR={meritIncentives.incentiveAPR}
+          rewardTokenSymbol={meritIncentives.rewardTokenSymbol}
         />
       }
       withoutHover
       setOpen={setOpen}
       open={open}
     >
-      <Content incentives={[incentives]} incentivesNetAPR={+incentives.incentiveAPR} plus />
+      <Content incentives={[meritIncentives]} incentivesNetAPR={+meritIncentives.incentiveAPR} />
     </ContentWithTooltip>
   );
 };

src/components/transactions/Borrow/GhoBorrowModalContent.tsx

@@ -27,6 +27,7 @@ import {
 import { useGhoPoolReserve } from 'src/hooks/pool/useGhoPoolReserve';
 import { useUserGhoPoolReserve } from 'src/hooks/pool/useUserGhoPoolReserve';
 import { useAssetCaps } from 'src/hooks/useAssetCaps';
+import { useMeritIncentives } from 'src/hooks/useMeritIncentives';
 import { useModalContext } from 'src/hooks/useModal';
 import { useRootStore } from 'src/store/root';
 import { CustomMarket } from 'src/ui-config/marketsConfig';
@@ -38,7 +39,11 @@ import { CapType } from '../../caps/helper';
 import { AssetInput } from '../AssetInput';
 import { GasEstimationError } from '../FlowCommons/GasEstimationError';
 import { ModalWrapperProps } from '../FlowCommons/ModalWrapper';
-import { DetailsHFLine, TxModalDetails } from '../FlowCommons/TxModalDetails';
+import {
+  DetailsHFLine,
+  DetailsIncentivesLine,
+  TxModalDetails,
+} from '../FlowCommons/TxModalDetails';
 import { BorrowActions } from './BorrowActions';
 import { BorrowAmountWarning } from './BorrowAmountWarning';
 import { GhoBorrowSuccessView } from './GhoBorrowSuccessView';
@@ -129,6 +134,7 @@ export const GhoBorrowModalContent = ({
   const [interestRateMode, setInterestRateMode] = useState<InterestRate>(InterestRate.Variable);
   const [amount, setAmount] = useState('');
   const [riskCheckboxAccepted, setRiskCheckboxAccepted] = useState(false);
+  const { data: incentives } = useMeritIncentives('gho');
 
   // Check if user has any open borrow positions on GHO
   // Check if user can borrow at a discount
@@ -284,6 +290,10 @@ export const GhoBorrowModalContent = ({
           healthFactor={user.healthFactor}
           futureHealthFactor={newHealthFactor.toString(10)}
         />
+        <DetailsIncentivesLine
+          incentives={incentives ? [incentives] : []}
+          symbol={poolReserve.symbol}
+        />
         <Row
           caption={
             <Box>

src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx

@@ -12,6 +12,7 @@ import { TokenIcon } from 'src/components/primitives/TokenIcon';
 import { Warning } from 'src/components/primitives/Warning';
 import { useGeneralStakeUiData } from 'src/hooks/stake/useGeneralStakeUiData';
 import { useUserStakeUiData } from 'src/hooks/stake/useUserStakeUiData';
+import { useUserMeritIncentives } from 'src/hooks/useMeritIncentives';
 import { useModalContext } from 'src/hooks/useModal';
 import { useWeb3Context } from 'src/libs/hooks/useWeb3Context';
 import { useRootStore } from 'src/store/root';
@@ -57,6 +58,9 @@ export const StakeCooldownModalContent = ({ stakeAssetName, icon }: StakeCooldow
   const { data: stakeUserResult } = useUserStakeUiData(currentMarketData, stakeAssetName);
   const { data: stakeGeneralResult } = useGeneralStakeUiData(currentMarketData, stakeAssetName);
 
+  const { data: meritIncentives } = useUserMeritIncentives();
+  const usersStkGhoIncentives = meritIncentives?.actionsAPR.stkgho || 0;
+
   // states
   const [cooldownCheck, setCooldownCheck] = useState(false);
 
@@ -334,6 +338,17 @@ export const StakeCooldownModalContent = ({ stakeAssetName, icon }: StakeCooldow
       )}
 
       <Warning severity="error">
+        {stakeAssetName === 'gho' && usersStkGhoIncentives !== 0 && (
+          <>
+            <Typography variant="caption">
+              <Trans>
+                During the cooldown period, you will not earn any merit rewards. However, rewards
+                earned up to this point will remain unaffected.
+              </Trans>
+            </Typography>
+            <br />
+          </>
+        )}
         <Typography variant="caption">
           <Trans>
             If you DO NOT unstake within {timeMessage(stakeUnstakeWindow)} of unstake window, you

src/hooks/useMeritIncentives.ts

@@ -1,3 +1,5 @@
+import { ReserveIncentiveResponse } from '@aave/math-utils/dist/esm/formatters/incentive/calculate-reserve-incentives';
+import { AaveV3Ethereum } from '@bgd-labs/aave-address-book';
 import { useQuery } from '@tanstack/react-query';
 import { useRootStore } from 'src/store/root';
 
@@ -11,7 +13,7 @@ type MeritIncentives = {
 
 const url = 'https://apps.aavechan.com/api/merit/aprs';
 
-export const useMeritIncentives = () => {
+export const useMeritIncentives = (asset: 'gho' | 'stkgho') => {
   return useQuery({
     queryFn: async () => {
       const response = await fetch(url);
@@ -20,6 +22,14 @@ export const useMeritIncentives = () => {
     },
     queryKey: ['meritIncentives'],
     staleTime: 1000 * 60 * 5,
+    select: (data) => {
+      // rewards are always in GHO, for now
+      return {
+        incentiveAPR: (data.actionsAPR[asset] / 100).toString(),
+        rewardTokenAddress: AaveV3Ethereum.ASSETS.GHO.UNDERLYING,
+        rewardTokenSymbol: 'GHO',
+      } as ReserveIncentiveResponse;
+    },
   });
 };
 

src/locales/en/messages.po

@@ -173,6 +173,10 @@ msgstr "Add to wallet"
 msgid "Add {0} to wallet to track your balance."
 msgstr "Add {0} to wallet to track your balance."
 
+#: src/modules/markets/Gho/GhoBanner.tsx
+msgid "Additionally, GHO borrowers recieve periodic rewards through the Merit program. This is a program initiated and implemented by the decentralised Aave community. Aave Labs does not guarantee the program and accepts no liability."
+msgstr "Additionally, GHO borrowers recieve periodic rewards through the Merit program. This is a program initiated and implemented by the decentralised Aave community. Aave Labs does not guarantee the program and accepts no liability."
+
 #: src/ui-config/errorMapping.tsx
 msgid "Address is not a contract"
 msgstr "Address is not a contract"
@@ -511,10 +515,6 @@ msgstr "Borrow info"
 msgid "Borrow power used"
 msgstr "Borrow power used"
 
-#: src/modules/markets/Gho/GhoBanner.tsx
-msgid "Borrow rate APY"
-msgstr "Borrow rate APY"
-
 #: src/modules/history/actions/ActionDetails.tsx
 msgid "Borrow rate change"
 msgstr "Borrow rate change"
@@ -796,6 +796,10 @@ msgstr "Current LTV"
 msgid "Current differential"
 msgstr "Current differential"
 
+#: src/modules/reserve-overview/Gho/GhoDiscountCalculator.tsx
+msgid "Current rewards"
+msgstr "Current rewards"
+
 #: src/modules/migration/MigrationListMobileItem.tsx
 msgid "Current v2 Balance"
 msgstr "Current v2 Balance"
@@ -945,6 +949,10 @@ msgstr "Due to internal stETH mechanics required for rebasing support, it is not
 msgid "Due to the Horizon bridge exploit, certain assets on the Harmony network are not at parity with Ethereum, which affects the Aave V3 Harmony market."
 msgstr "Due to the Horizon bridge exploit, certain assets on the Harmony network are not at parity with Ethereum, which affects the Aave V3 Harmony market."
 
+#: src/components/transactions/StakeCooldown/StakeCooldownModalContent.tsx
+msgid "During the cooldown period, you will not earn any merit rewards. However, rewards earned up to this point will remain unaffected."
+msgstr "During the cooldown period, you will not earn any merit rewards. However, rewards earned up to this point will remain unaffected."
+
 #: src/modules/dashboard/DashboardEModeButton.tsx
 msgid "E-Mode"
 msgstr "E-Mode"
@@ -1036,6 +1044,10 @@ msgstr "Enter an amount"
 msgid "Error connecting. Try refreshing the page."
 msgstr "Error connecting. Try refreshing the page."
 
+#: src/modules/markets/Gho/GhoBanner.tsx
+msgid "Estimated borrow rate"
+msgstr "Estimated borrow rate"
+
 #: src/components/incentives/GhoIncentivesCard.tsx
 msgid "Estimated compounding interest, including discount for Staking {0}AAVE in Safety Module."
 msgstr "Estimated compounding interest, including discount for Staking {0}AAVE in Safety Module."
@@ -1134,6 +1146,10 @@ msgstr "French"
 msgid "Funds in the Safety Module"
 msgstr "Funds in the Safety Module"
 
+#: src/modules/reserve-overview/Gho/GhoDiscountCalculator.tsx
+msgid "GHO borrowers recieve periodic rewards through the Merit program. This is a program initiated and implemented by the decentralised Aave community. Aave Labs does not guarantee the program and accepts no liability."
+msgstr "GHO borrowers recieve periodic rewards through the Merit program. This is a program initiated and implemented by the decentralised Aave community. Aave Labs does not guarantee the program and accepts no liability."
+
 #: src/modules/reserve-overview/Gho/GhoReserveConfiguration.tsx
 msgid "GHO is a native decentralized, collateral-backed digital asset pegged to USD. It is created by users via borrowing against multiple collateral. When user repays their GHO borrow position, the protocol burns that user's GHO. All the interest payments accrued by minters of GHO would be directly transferred to the AaveDAO treasury."
 msgstr "GHO is a native decentralized, collateral-backed digital asset pegged to USD. It is created by users via borrowing against multiple collateral. When user repays their GHO borrow position, the protocol burns that user's GHO. All the interest payments accrued by minters of GHO would be directly transferred to the AaveDAO treasury."
@@ -1495,9 +1511,9 @@ msgstr "Meet GHO"
 msgid "Menu"
 msgstr "Menu"
 
-#: src/modules/markets/Gho/GhoBanner.tsx
-msgid "Merit rewards"
-msgstr "Merit rewards"
+#: src/modules/reserve-overview/Gho/GhoDiscountCalculator.tsx
+msgid "Merit Program"
+msgstr "Merit Program"
 
 #: src/components/transactions/MigrateV3/MigrateV3Actions.tsx
 #: src/components/transactions/StakingMigrate/StakingMigrateActions.tsx
@@ -2821,6 +2837,10 @@ msgstr "User is in isolation mode or LTV is zero"
 msgid "User is trying to borrow multiple assets including a siloed one"
 msgstr "User is trying to borrow multiple assets including a siloed one"
 
+#: src/modules/markets/Gho/GhoBanner.tsx
+msgid "Users who stake AAVE in Safety Module (i.e. stkAAVE holders) receive a discount on GHO borrow interest rate."
+msgstr "Users who stake AAVE in Safety Module (i.e. stkAAVE holders) receive a discount on GHO borrow interest rate."
+
 #: src/modules/reserve-overview/Gho/GhoDiscountCalculator.tsx
 msgid "Users who stake AAVE in Safety Module (i.e. stkAAVE holders) receive a discount on GHO borrow interest rate. The discount applies to 100 GHO for every 1 stkAAVE held. Use the calculator below to see GHO borrow rate with the discount applied."
 msgstr "Users who stake AAVE in Safety Module (i.e. stkAAVE holders) receive a discount on GHO borrow interest rate. The discount applies to 100 GHO for every 1 stkAAVE held. Use the calculator below to see GHO borrow rate with the discount applied."
@@ -3255,6 +3275,7 @@ msgid "for"
 msgstr "for"
 
 #: src/components/caps/DebtCeilingStatus.tsx
+#: src/modules/markets/Gho/GhoBanner.tsx
 #: src/modules/reserve-overview/BorrowInfo.tsx
 #: src/modules/reserve-overview/BorrowInfo.tsx
 #: src/modules/reserve-overview/Gho/GhoBorrowInfo.tsx