diff --git a/src/features/analytics/farms/useTableConfig.tsx b/src/features/analytics/farms/useTableConfig.tsx index 07f6809c07..af2075ecec 100644 --- a/src/features/analytics/farms/useTableConfig.tsx +++ b/src/features/analytics/farms/useTableConfig.tsx @@ -154,7 +154,7 @@ export const useTableConfig = (chainId: number, farms: any) => { columns, data: data ?? [], initialState: { - sortBy: [{ id: 'apr.annual', desc: true }], + sortBy: [{ id: 'rewardApr.annual', desc: true }], }, autoResetFilters: false, }, diff --git a/src/features/user/UserTable.tsx b/src/features/analytics/farms/user/UserTable.tsx similarity index 100% rename from src/features/user/UserTable.tsx rename to src/features/analytics/farms/user/UserTable.tsx diff --git a/src/features/user/useTableConfig.tsx b/src/features/analytics/farms/user/useTableConfig.tsx similarity index 100% rename from src/features/user/useTableConfig.tsx rename to src/features/analytics/farms/user/useTableConfig.tsx diff --git a/src/hooks/useFarmRewardHistories.ts b/src/features/analytics/hooks/useFarmRewardHistories.ts similarity index 100% rename from src/hooks/useFarmRewardHistories.ts rename to src/features/analytics/hooks/useFarmRewardHistories.ts diff --git a/src/hooks/useFarmRewardsWithUsers.ts b/src/features/analytics/hooks/useFarmRewardsWithUsers.ts similarity index 99% rename from src/hooks/useFarmRewardsWithUsers.ts rename to src/features/analytics/hooks/useFarmRewardsWithUsers.ts index b15a5b35b2..9f2d9f4fe9 100644 --- a/src/hooks/useFarmRewardsWithUsers.ts +++ b/src/features/analytics/hooks/useFarmRewardsWithUsers.ts @@ -6,6 +6,7 @@ import { Chef, PairType } from 'app/features/onsen/enum' import { usePositions } from 'app/features/onsen/hooks' import { featureEnabled } from 'app/functions' import { aprToApy } from 'app/functions/convert' +import { useAllTokens } from 'app/hooks/Tokens' import { useAverageBlockTime, useCeloPrice, @@ -27,8 +28,6 @@ import { } from 'app/services/graph' import { useCallback, useMemo } from 'react' -import { useAllTokens } from './Tokens' - export function getRewards({ chainId, pool, diff --git a/src/pages/analytics/farms/[id].tsx b/src/pages/analytics/farms/[id].tsx index 6c006417f4..f7b978ef51 100644 --- a/src/pages/analytics/farms/[id].tsx +++ b/src/pages/analytics/farms/[id].tsx @@ -3,12 +3,13 @@ import { ChainId, Token } from '@sushiswap/core-sdk' import { CurrencyLogo } from 'app/components/CurrencyLogo' import DoubleCurrencyLogo from 'app/components/DoubleLogo' import Typography from 'app/components/Typography' +import UserTable from 'app/features/analytics/farms/user/UserTable' import FormattedChartCard from 'app/features/analytics/FormattedChartCard' -import UserTable from 'app/features/user/UserTable' +import useFarmRewardHistories from 'app/features/analytics/hooks/useFarmRewardHistories' +import useFarmRewardsWithUsers from 'app/features/analytics/hooks/useFarmRewardsWithUsers' import { formatNumber, formatPercent } from 'app/functions' -import useFarmRewardHistories from 'app/hooks/useFarmRewardHistories' -import useFarmRewardsWithUsers from 'app/hooks/useFarmRewardsWithUsers' import { TridentBody, TridentHeader } from 'app/layouts/Trident' +import Link from 'next/link' import { useRouter } from 'next/router' import { NextSeo } from 'next-seo' import React, { useMemo } from 'react' @@ -97,7 +98,27 @@ export default function Pool() { {token0 && token1 && ( <> - {token0?.symbol}/{token1?.symbol} + + {token0?.symbol} + + / + + {token1?.symbol} + )} @@ -117,6 +138,14 @@ export default function Pool() {
{formatNumber(farm?.tvl ?? 0, true)}
+
+
Value
+
+
+ {formatNumber(farm?.pair.reserveUSD / farm?.pair.totalSupply, true)} +
+
+
Rewards