Revert "Revert "remove route, sidebar item, tab, dashboard, modal""

This reverts commit 02594e1.

packages/ui/src/app/App.tsx

@@ -19,7 +19,6 @@ import { parseEnv } from '@/common/utils/env'
 import { CouncilRoutes, ElectionRoutes } from '@/council/constants'
 import { ForumRoutes } from '@/forum/constant'
 import { ProposalsRoutes } from '@/proposals/constants/routes'
-import { ValidatorsRoutes } from '@/validators/constants/routes'
 import { WorkingGroupsRoutes } from '@/working-groups/constants/routes'
 
 import { ExtensionNotification } from './components/ExtensionWarning'
@@ -35,7 +34,6 @@ import { MyMemberships } from './pages/Profile/MyMemberships'
 import { ProposalsModule } from './pages/Proposals/ProposalsModule'
 import { Settings } from './pages/Settings/Settings'
 import { PrivacyPolicy, TermsOfService } from './pages/Terms'
-import { ValidatorsModule } from './pages/Validators/ValidatorsModule'
 import { WorkingGroupsModule } from './pages/WorkingGroups/WorkingGroupsModule'
 import { Providers } from './Providers'
 
@@ -63,7 +61,6 @@ export const App = () => {
  <Route exact path={ProfileRoutes.memberships} component={MyMemberships} />
  <Route exact path={MembersRoutes.members} component={Members} />
  <Route exact path={SettingsRoutes.settings} component={Settings} />
- <Route path={ValidatorsRoutes.list} component={ValidatorsModule} />
  <Route exact path={TermsRoutes.privacyPolicy} component={PrivacyPolicy} />
  <Route exact path={TermsRoutes.termsOfService} component={TermsOfService} />
  <Route exact path="/404" component={NotFound} />

packages/ui/src/app/components/SideBar.tsx

@@ -37,7 +37,6 @@ import { useElectionStage } from '@/council/hooks/useElectionStage'
 import { ForumRoutes } from '@/forum/constant'
 import { ProfileComponent } from '@/memberships/components/ProfileComponent'
 import { ProposalsRoutes } from '@/proposals/constants/routes'
-import { ValidatorsRoutes } from '@/validators/constants/routes'
 import { WorkingGroupsRoutes } from '@/working-groups/constants'
 
 export const SideBar = () => {
@@ -120,11 +119,6 @@ export const SideBar = () => {
  Settings
  </NavigationLink>
  </NavigationLinksItem>
- <NavigationLinksItem>
- <NavigationLink to={ValidatorsRoutes.list} icon={<ValidatorsIcon />}>
- Validators
- </NavigationLink>
- </NavigationLinksItem>
  <NavigationLinksItem>
  <NavigationExpandButton active={comingSoonListActive} onClick={toggleComingSoonListActive}>
  <Arrow direction="down" size="20" className="nav-icon" />
@@ -154,6 +148,11 @@ export const SideBar = () => {
  Financials
  </NavigationLink>
  </NavigationLinksItem>
+ <NavigationLinksItem>
+ <NavigationLink to="/inexisting" icon={<ValidatorsIcon />} disabled>
+ Validators
+ </NavigationLink>
+ </NavigationLinksItem>
  <NavigationLinksItem>
  <NavigationLink to="/inexisting" icon={<AppsIcon />} disabled>
  Apps

packages/ui/src/app/pages/Validators/ValidatorList.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import { PageHeader } from '@/app/components/PageHeader'
 import { PageLayout } from '@/app/components/PageLayout'
 import { RowGapBlock } from '@/common/components/page/PageContent'
 import { Statistics } from '@/common/components/statistics'
@@ -13,7 +12,6 @@ import { ValidatorsList } from '@/validators/components/ValidatorsList'
 import { useStakingStatistics } from '@/validators/hooks/useStakingStatistics'
 import { useValidatorsList } from '@/validators/hooks/useValidatorsList'
 
-import { ValidatorsTabs } from './components/ValidatorsTabs'
 export const ValidatorList = () => {
  const {
  eraStartedOn,
@@ -36,7 +34,6 @@ export const ValidatorList = () => {
  <PageLayout
  header={
  <RowGapBlock gap={24}>
- <PageHeader title="Validators" tabs={<ValidatorsTabs />} />
  <Statistics>
  <ValidatorsState
  activeValidatorsCount={activeValidatorsCount}