show points apr

Author: onyxcoindev

src/clients/api/queries/getPointLeaderBoard/index.ts

@@ -39,7 +39,6 @@ export const getLeaderBoard = async ({ page, limit }: GetLeaderBoardPayload) =>
 export const getSquidLeaderboard = async ({ page, limit }: GetLeaderBoardPayload) => {
   try {
     const data = await getLeaderboardSubsquid(config.chainId, { page, limit });
-    console.log('data', data);
     return {
       data: data.results as Leaderboard[],
       totalPage: data.meta.totalPages,

src/clients/api/queries/getPointsApr/index.ts

@@ -0,0 +1,35 @@
+import BigNumber from 'bignumber.js';
+import config from 'config';
+
+import { TOKENS } from 'constants/tokens';
+import getPointsInfoSubsquid from 'utilities/getPointsInfoSubsquid';
+
+export interface GetPointsAprInput {
+  totalStaked: BigNumber;
+}
+
+const fromWei = (value: BigNumber, decimals: number) =>
+  value.dividedBy(new BigNumber(10).pow(decimals)).decimalPlaces(decimals);
+
+const getPointsApr = async ({ totalStaked }: GetPointsAprInput): Promise<BigNumber> => {
+  try {
+    if (totalStaked.isZero()) {
+      return new BigNumber(0);
+    }
+
+    const data = await getPointsInfoSubsquid(config.chainId);
+    const { weight, pointsPerDay } = data;
+    const totalStakedFromWei = fromWei(totalStaked, TOKENS.xcn.decimals);
+
+    return new BigNumber(pointsPerDay ?? 0)
+      .times(weight ?? 0)
+      .times(365)
+      .times(100)
+      .div(totalStakedFromWei);
+  } catch (error) {
+    console.error('Error fetching points apr:', error);
+    return new BigNumber(0);
+  }
+};
+
+export default getPointsApr;

src/clients/api/queries/getPointsApr/useGetPointsApr.ts

@@ -0,0 +1,13 @@
+import BigNumber from 'bignumber.js';
+import { useQuery } from 'react-query';
+
+import FunctionKey from 'constants/functionKey';
+
+import getPointsApr from '.';
+
+const useGetPointsApr = (totalStaked: BigNumber) =>
+  useQuery([FunctionKey.GET_POINTS_APR, totalStaked.toString()], () =>
+    getPointsApr({ totalStaked }),
+  );
+
+export default useGetPointsApr;

src/constants/functionKey.ts

@@ -25,6 +25,7 @@ enum FunctionKey {
   GET_PRIOR_VOTES = 'GET_PRIOR_VOTES',
   GET_STAKING_INFOS = 'GET_STAKING_INFOS',
   GET_STAKING_APY = 'GET_STAKING_APY',
+  GET_POINTS_APR = 'GET_POINTS_APR',
   GET_VOTERS = 'GET_VOTERS',
   GET_PENDING_XCN = 'GET_PENDING_XCN',
   GET_STAKE_HISTORIES = 'GET_STAKE_HISTORIES',

src/pages/Stake/FarmItem/index.tsx

@@ -40,6 +40,7 @@ export interface FarmItemUiProps {
   className?: string;
   xcnBalance: BigNumber;
   apy: number;
+  pointsApr: number;
   totalStaked: BigNumber;
   rewardPerBlock: BigNumber;
   staked: BigNumber;
@@ -57,6 +58,7 @@ export const FarmItemUi: React.FC<FarmItemUiProps> = ({
   className,
   xcnBalance,
   apy,
+  pointsApr,
   totalStaked,
   rewardPerBlock,
   staked,
@@ -177,6 +179,10 @@ export const FarmItemUi: React.FC<FarmItemUiProps> = ({
         title: t('farmItem.stakingApr', { stakeTokenName: '' }),
         value: formatToReadablePercentage(apy),
       },
+      {
+        title: t('farmItem.pointsApr', { stakeTokenName: '' }),
+        value: formatToReadablePercentage(pointsApr),
+      },
       {
         title: t('farmItem.dailyEmission'),
         value: (
@@ -222,7 +228,7 @@ export const FarmItemUi: React.FC<FarmItemUiProps> = ({
         ),
       },
     ],
-    [totalStaked, apy, xcnAsset, i18n.language, treasury, isLoadingTreasury],
+    [totalStaked, apy, pointsApr, xcnAsset, i18n.language, treasury, isLoadingTreasury],
   );
 
   return (
@@ -332,6 +338,7 @@ export const FarmItemUi: React.FC<FarmItemUiProps> = ({
 export interface FarmItemProps {
   xcnBalance: BigNumber;
   apy: number;
+  pointsApr: number;
   totalStaked: BigNumber;
   rewardPerBlock: BigNumber;
   staked: BigNumber;

src/pages/Stake/index.tsx

@@ -3,6 +3,7 @@ import BigNumber from 'bignumber.js';
 import React, { useContext } from 'react';
 
 import { useGetBalanceOf, useGetStakingApy, useGetStakingInfos } from 'clients/api';
+import useGetPointsApr from 'clients/api/queries/getPointsApr/useGetPointsApr';
 import { TOKENS } from 'constants/tokens';
 import { AuthContext } from 'context/AuthContext';
 
@@ -21,12 +22,14 @@ const FarmPage: React.FC = () => {
 
   const { data: stakingInfo } = useGetStakingInfos({ accountAddress: account?.address || '' });
   const { data: stakingApy } = useGetStakingApy();
+  const { data: pointsApr } = useGetPointsApr(stakingInfo?.totalStaked || new BigNumber(0));
 
   return (
     <div css={styles.container}>
       <FarmItem
         xcnBalance={xcnBalance?.balanceWei || new BigNumber(0)}
         apy={stakingApy?.apy.toNumber() || 0}
+        pointsApr={pointsApr?.toNumber() || 0}
         totalStaked={stakingInfo?.totalStaked || new BigNumber(0)}
         rewardPerBlock={stakingInfo?.rewardPerBlock || new BigNumber(0)}
         staked={stakingInfo?.staked || new BigNumber(0)}

src/translation/translations/en.json

@@ -684,6 +684,7 @@
     "reward": "Reward:",
     "stakeButton": "Stake",
     "stakingApr": "{{stakeTokenName}} Staking APR",
+    "pointsApr": "{{stakeTokenName}} Points APR",
     "successfulClaimRewardTransactionModal": {
       "description": "You successfully claimed your reward",
       "title": "Your claim was successful"

src/utilities/getLeaderboardSubsquid.ts

@@ -57,7 +57,14 @@ const getLeaderboardSubsquid = (
       }),
     })
       .then(response => response.json())
-      .then(({ data: { leaderboard } }) => resolve(leaderboard)),
+      .then(({ data: { leaderboard } }) => resolve(leaderboard))
+      .catch(error => {
+        console.error('Error fetching leaderboard from subsquid:', error);
+        resolve({
+          meta: { limit: 0, total: 0, totalPages: 1, page: 1 },
+          results: [],
+        });
+      }),
   );
 };
 

src/utilities/getPointsInfoSubsquid.ts

@@ -0,0 +1,47 @@
+import { EthChainId } from 'types';
+
+import { SUBSQUID_LINKS } from 'constants/endpoints';
+
+interface PointsInfoResponse {
+  weight: number;
+  pointsPerDay: number;
+}
+
+const getPointsInfoSubsquid = (network: EthChainId): Promise<PointsInfoResponse> => {
+  if (!SUBSQUID_LINKS[network]) {
+    return Promise.resolve({
+      weight: 0,
+      pointsPerDay: 0,
+    });
+  }
+
+  return new Promise(resolve =>
+    fetch(SUBSQUID_LINKS[network], {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        query: `
+          query pointSettingsQuery {
+            pointSettings(orderBy: ethStartBlock_DESC, limit: 1) {
+              weight:ethWeight
+              pointsPerDay
+            }
+          }
+        `,
+      }),
+    })
+      .then(response => response.json())
+      .then(({ data: { pointSettings } }) => resolve(pointSettings?.[0] ?? {}))
+      .catch(error => {
+        console.error('Error fetching points info from subsquid:', error);
+        resolve({
+          weight: 0,
+          pointsPerDay: 0,
+        });
+      }),
+  );
+};
+
+export default getPointsInfoSubsquid;

src/utilities/getUserPointsSubsquid.ts

@@ -30,7 +30,11 @@ const getUserPointsSubsquid = (
       }),
     })
       .then(response => response.json())
-      .then(({ data: { user } }) => resolve(user)),
+      .then(({ data: { user } }) => resolve(user))
+      .catch(error => {
+        console.error('Error fetching user points from subsquid:', error);
+        resolve({ points: 0, address: input.address, id: input.address });
+      }),
   );
 };