status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: separate validators tabs

This commit is contained in:
RadoslavDimchev 2023-10-18 16:20:19 +03:00
parent 6760c913bb
commit 8983245445
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/General/RightSideBar/RightSidebar.tsx
View File

@ -1,12 +1,12 @@
import { Avatar, Tabs, Text } from '@status-im/components' import { Avatar, Text } from '@status-im/components'
import { XStack, YStack } from 'tamagui' import { XStack, YStack } from 'tamagui'
import AddCard from '../AddCards/AddCard' import AddCard from '../AddCards/AddCard'
import ValidatorsList from './ValidatorsList'
import AlertsList from './AlertsList' import AlertsList from './AlertsList'
import LogsList from './LogsList' import LogsList from './LogsList'
import DiamondCard from './DiamondCard' import DiamondCard from './DiamondCard'
import ValidatorsCount from './ValidatorsCount' import ValidatorsCount from './ValidatorsCount'
import ValidatorsTabs from './ValidatorsTabs'
import { getFormattedWalletAddress } from '../../../utilities' import { getFormattedWalletAddress } from '../../../utilities'
import styles from './RightSidebar.module.css' import styles from './RightSidebar.module.css'
@ -38,28 +38,7 @@ const RightSidebar = () => {
<AddCard style={{ padding: '0 2vw' }} /> <AddCard style={{ padding: '0 2vw' }} />
</XStack> </XStack>
<ValidatorsCount /> <ValidatorsCount />
<Tabs defaultValue="active"> <ValidatorsTabs />
<Tabs.List size={32}>
<Tabs.Trigger type="default" value="active">
Active
</Tabs.Trigger>
<Tabs.Trigger type="default" value="pending">
Pending
</Tabs.Trigger>
<Tabs.Trigger type="default" value="inactive">
Inactive
</Tabs.Trigger>
</Tabs.List>
<Tabs.Content value="active">
<ValidatorsList />
</Tabs.Content>
<Tabs.Content value="pending">
<ValidatorsList />
</Tabs.Content>
<Tabs.Content value="inactive">
<ValidatorsList />
</Tabs.Content>
</Tabs>
<AlertsList /> <AlertsList />
<LogsList /> <LogsList />
</YStack> </YStack>

32
src/components/General/RightSideBar/ValidatorsTabs.tsx Normal file
View File

@ -0,0 +1,32 @@
import { Tabs } from '@status-im/components'
import ValidatorsList from './ValidatorsList'
const ValidatorsTabs = () => {
return (
<Tabs defaultValue="active">
<Tabs.List size={32}>
<Tabs.Trigger type="default" value="active">
Active
</Tabs.Trigger>
<Tabs.Trigger type="default" value="pending">
Pending
</Tabs.Trigger>
<Tabs.Trigger type="default" value="inactive">
Inactive
</Tabs.Trigger>
</Tabs.List>
<Tabs.Content value="active">
<ValidatorsList />
</Tabs.Content>
<Tabs.Content value="pending">
<ValidatorsList />
</Tabs.Content>
<Tabs.Content value="inactive">
<ValidatorsList />
</Tabs.Content>
</Tabs>
)
}
export default ValidatorsTabs