refactor: change query name from tab to role

dappforce · Jan 24, 2024 · f31a853 · f31a853
1 parent ddfa344
commit f31a853
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/components/leaderboard/GeneralLeaderboardPage.tsx b/src/components/leaderboard/GeneralLeaderboardPage.tsx
@@ -63,7 +63,7 @@ export default function GeneralLeaderboardPage({}: GeneralLeaderboardPageProps)
       <Tabs
         activeKey='general'
         onChange={key => {
-          if (key === 'user') router.push(`/leaderboard/${myAddress}?tab=${key}`)
+          if (key === 'user') router.push(`/leaderboard/${myAddress}?role=${key}`)
           else if (key === 'stats') router.push('/stats')
         }}
       >

diff --git a/src/components/leaderboard/UserLeaderboardPage.tsx b/src/components/leaderboard/UserLeaderboardPage.tsx
@@ -109,7 +109,7 @@ export default function UserLeaderboardPage({ address }: UserLeaderboardPageProp
   const myAddress = useMyAddress()
 
   const { query } = useRouter()
-  let tabState = query.tab as 'staker' | 'creator'
+  let tabState = query.role as 'staker' | 'creator'
   if (tabState !== 'staker' && tabState !== 'creator') {
     tabState = 'staker'
   }
@@ -127,6 +127,7 @@ export default function UserLeaderboardPage({ address }: UserLeaderboardPageProp
         onChange={key => {
           if (key === 'general') router.push('/leaderboard')
           else if (key === 'stats') router.push('/stats')
+          else router.push(`/leaderboard/${myAddress}?role=${tabState}`)
         }}
       >
         {myAddress && <Tabs.TabPane tab='My Staking Stats' key='user' />}
@@ -147,7 +148,7 @@ export default function UserLeaderboardPage({ address }: UserLeaderboardPageProp
                 ]}
                 onChange={e => {
                   const value = e.target.value
-                  router.push(`/leaderboard/${address}?tab=${value}`, undefined, { shallow: true })
+                  router.push(`/leaderboard/${address}?role=${value}`, undefined, { shallow: true })
                 }}
                 value={tabState}
                 optionType='button'

diff --git a/src/components/leaderboard/common/LeaderboardTable.tsx b/src/components/leaderboard/common/LeaderboardTable.tsx
@@ -99,7 +99,7 @@ function UserRow({
   )
 
   return (
-    <Link href={`/leaderboard/${data.address}?tab=${role}`} passHref>
+    <Link href={`/leaderboard/${data.address}?role=${role}`} passHref>
       <a
         className={clsx(
           styles.LeaderboardRow,

diff --git a/src/components/statistics/StatisticsPage.tsx b/src/components/statistics/StatisticsPage.tsx
@@ -29,7 +29,7 @@ export default function StatisticsPage(props: StatisticsProps) {
         activeKey='stats'
         onChange={key => {
           if (key === 'general') router.push('/leaderboard')
-          else if (key === 'user') router.push(`/leaderboard/${myAddress}?tab=staker`)
+          else if (key === 'user') router.push(`/leaderboard/${myAddress}?role=staker`)
         }}
       >
         {myAddress && <Tabs.TabPane tab='My Staking Stats' key='user' />}