move right sidebar into its own folder

This commit is contained in:
Ivana Andersson 2023-09-26 13:41:54 +03:00
parent e99066717a
commit c86c064583
3 changed files with 52 additions and 18 deletions

View File

@ -1,7 +1,7 @@
import { XStack, YStack } from 'tamagui'
import LeftSidebar from './LeftSidebar'
import RightSidebar from './RightSidebar'
import RightSidebar from './RightSideBar/RightSidebar'
import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
import BalanceChartCard from './BalanceChartCard/BalanceChartCard'

View File

@ -0,0 +1,51 @@
import { Avatar, Tabs, Text } from '@status-im/components'
import { XStack, YStack } from 'tamagui'
import ValidatorListItem from './ValidatorListItem'
// import { NodeIcon } from '@status-im/icons'
const RightSidebar = () => {
return (
<YStack
space={'$4'}
minHeight={'100vh'}
background={'#FFF'}
style={{ padding: '8px', border: '1px solid #F0F2F5' }}
>
<XStack alignItems="center">
<Avatar type="user" size={32} name="Etherium Mainnet" />
<YStack pl="8px">
<Text size={15} weight={'semibold'}>
Etherium Mainnet
</Text>
<Text size={13}>0xb9d...c35</Text>
</YStack>
</XStack>
<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">
<YStack>
<ValidatorListItem />
<ValidatorListItem />
<ValidatorListItem />
<ValidatorListItem />
</YStack>
</Tabs.Content>
<Tabs.Content value="pending"></Tabs.Content>
<Tabs.Content value="inactive"></Tabs.Content>
</Tabs>
</YStack>
)
}
export default RightSidebar

View File

@ -1,17 +0,0 @@
import { SidebarMembers } from '@status-im/components'
import { YStack } from 'tamagui'
const RightSidebar = () => {
return (
<YStack
space={'$4'}
minHeight={'100vh'}
background={'#FFF'}
style={{ padding: '8px', border: '1px solid #F0F2F5' }}
>
<SidebarMembers />
</YStack>
)
}
export default RightSidebar