move right sidebar into its own folder
This commit is contained in:
parent
e99066717a
commit
c86c064583
|
@ -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'
|
||||
|
|
|
@ -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
|
|
@ -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
|
Loading…
Reference in New Issue