Redirect for leaderboard links to polkaverse part of leaderboard

src/components/layouts/CreatorSidebar/RewardInfo.tsx

@@ -1,6 +1,7 @@
 import { Skeleton } from '@/components/SkeletonFallback'
 import getAmountRange from '@/components/content-staking/utils/getAmountRangeForAnalytics'
 import PopOver from '@/components/floating/PopOver'
+import { getLeaderboardLink } from '@/components/leaderboard/utils'
 import {
   PostRewards,
   RewardReport,
@@ -19,7 +20,6 @@ import { AiOutlineLineChart } from 'react-icons/ai'
 import { RiHistoryFill } from 'react-icons/ri'
 import { SlQuestion } from 'react-icons/sl'
 import CustomLink from 'src/components/referral/CustomLink'
-import { getLeaderboardLink } from '../Sidebar'
 import RewardHistoryModal from './RewardHistoryModal'
 import StakerRewardProgressBar, {
   StakerRewardProgressBarProps,
@@ -98,6 +98,7 @@ export default function RewardInfo({ size, ...props }: RewardInfoProps) {
         <CustomLink
           className='flex items-center justify-center gap-2 px-4 py-3.5 font-medium text-text-primary'
           href={`${getLeaderboardLink(myAddress)}?role=staker`}
+          forceHardNavigation
           onClick={() => {
             sendEvent('leaderboard_my_stats_opened', {
               myStats: true,

src/components/layouts/Sidebar.tsx

@@ -11,6 +11,7 @@ import { MdOutlineLeaderboard } from 'react-icons/md'
 import { RiLineChartLine } from 'react-icons/ri'
 import { TbCoins, TbWorld } from 'react-icons/tb'
 import { TiFlashOutline } from 'react-icons/ti'
+import { getLeaderboardLink } from '../leaderboard/utils'
 import CustomLink from '../referral/CustomLink'
 
 export default function Sidebar() {
@@ -41,6 +42,7 @@ export default function Sidebar() {
           icon={MdOutlineLeaderboard}
           title='Leaderboard'
           href={getLeaderboardLink(myAddress)}
+          forceHardNavigation
         />
         <SidebarItem
           icon={RiLineChartLine}
@@ -77,9 +79,6 @@ export default function Sidebar() {
   )
 }
 
-export const getLeaderboardLink = (address: string | null) =>
-  `/leaderboard${address ? `/${address}` : ''}`
-
 function SidebarItem({
   icon: Icon,
   title,

src/components/leaderboard/MyStats/LeaderboardModal.tsx

@@ -1,13 +1,13 @@
 import Loading from '@/components/Loading'
 import { Column, TableHeader } from '@/components/Table'
-import { getLeaderboardLink } from '@/components/layouts/Sidebar'
 import Modal from '@/components/modals/Modal'
 import { LeaderboardRole } from '@/services/datahub/leaderboard'
 import { getLeaderboardDataQuery } from '@/services/datahub/leaderboard/query'
 import { cx } from '@/utils/class-names'
 import { useRouter } from 'next/router'
 import InfiniteScroll from 'react-infinite-scroll-component'
 import { TableRow } from '../../Table'
+import { getLeaderboardLink } from '../utils'
 import { UserPreview, UserReward, leaderboardColumns } from './LeaderboardTable'
 
 type LeaderboardModalProps = {

src/components/leaderboard/MyStats/LeaderboardTable.tsx

@@ -6,7 +6,6 @@ import Loading from '@/components/Loading'
 import Name from '@/components/Name'
 import Table, { Column } from '@/components/Table'
 import { mutedTextColorStyles } from '@/components/content-staking/utils/commonStyles'
-import { getLeaderboardLink } from '@/components/layouts/Sidebar'
 import { ZERO } from '@/constants/config'
 import { getProfileQuery } from '@/services/api/query'
 import { useGetChainDataByNetwork } from '@/services/chainsInfo/query'
@@ -17,6 +16,7 @@ import { convertToBalanceWithDecimal, isEmptyArray } from '@subsocial/utils'
 import Image from 'next/image'
 import { useRouter } from 'next/router'
 import { useMemo, useState } from 'react'
+import { getLeaderboardLink } from '../utils'
 import LeaderboardModal from './LeaderboardModal'
 
 const TABLE_LIMIT = 10

src/components/leaderboard/index.tsx

@@ -2,10 +2,9 @@ import { useMyMainAddress } from '@/stores/my-account'
 import { useRouter } from 'next/router'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import Tabs from '../Tabs'
-import { getLeaderboardLink } from '../layouts/Sidebar'
 import GlobalStats from './GlobalStats'
 import MyStats from './MyStats'
-import { useGetLeaderboardRole } from './utils'
+import { getLeaderboardLink, useGetLeaderboardRole } from './utils'
 
 const getIndexById = (tabs: any[], id: string) => {
   return tabs.findIndex((tab) => tab.id === id)

src/components/leaderboard/utils.tsx

@@ -22,3 +22,6 @@ export const useGetLeaderboardRole = () => {
 
   return role || 'staker'
 }
+
+export const getLeaderboardLink = (address: string | null) =>
+  `/leaderboard${address ? `/${address}` : ''}`