Adjust Pontus-X dashboard

- Hide the Tokens card
- Tune TX list size

Author: csillag

src/app/pages/ParatimeDashboardPage/LatestRuntimeTransactions.tsx

@@ -7,14 +7,13 @@ import { Link as RouterLink } from 'react-router-dom'
 import Link from '@mui/material/Link'
 import { Layer, useGetRuntimeTransactions } from '../../../oasis-nexus/api'
 import { RuntimeTransactions } from '../../components/Transactions'
-import { NUMBER_OF_ITEMS_ON_DASHBOARD } from '../../config'
 import { COLORS } from '../../../styles/theme/colors'
 import { AppErrors } from '../../../types/errors'
 import { RouteUtils } from '../../utils/route-utils'
 import { useScreenSize } from '../../hooks/useScreensize'
 import { SearchScope } from '../../../types/searchScope'
 
-const limit = NUMBER_OF_ITEMS_ON_DASHBOARD
+const limit = 15 // NUMBER_OF_ITEMS_ON_DASHBOARD
 
 export const LatestRuntimeTransactions: FC<{ scope: SearchScope }> = ({ scope }) => {
   const { isTablet } = useScreenSize()

src/app/pages/ParatimeDashboardPage/index.tsx

@@ -12,11 +12,14 @@ import { PageLayout } from '../../components/PageLayout'
 import { ParaTimeSnapshot } from './ParaTimeSnapshot'
 import { TopTokens } from './TopTokens'
 import { useRequiredScopeParam } from '../../hooks/useScopeParam'
+import { paraTimesConfig } from '../../../config'
 
 export const ParatimeDashboardPage: FC = () => {
   const { isMobile } = useScreenSize()
   const scope = useRequiredScopeParam()
 
+  const { hideTokensFromDashboard } = paraTimesConfig[scope.layer]!
+
   return (
     <PageLayout>
       <ParaTimeSnapshot scope={scope} />
@@ -35,7 +38,7 @@ export const ParatimeDashboardPage: FC = () => {
           </Grid>
         )}
       </Grid>
-      {!isMobile && <TopTokens scope={scope} />}
+      {!hideTokensFromDashboard && !isMobile && <TopTokens scope={scope} />}
       <TransactionsStats scope={scope} />
       <TotalTransactions scope={scope} />
       <Social />

src/config.ts

@@ -38,6 +38,8 @@ type LayerConfig = {
    * Specified in milliseconds.
    */
   outOfDateThreshold: number
+
+  hideTokensFromDashboard?: boolean
 }
 
 export enum RuntimeTypes {
@@ -148,6 +150,7 @@ const pontusxConfig: LayerConfig = {
   decimals: 18,
   type: RuntimeTypes.Evm,
   outOfDateThreshold: 2 * 60 * 1000,
+  hideTokensFromDashboard: true,
 }
 
 type LayersConfig = {