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 { XStack, YStack } from 'tamagui'
|
||||||
|
|
||||||
import LeftSidebar from './LeftSidebar'
|
import LeftSidebar from './LeftSidebar'
|
||||||
import RightSidebar from './RightSidebar'
|
import RightSidebar from './RightSideBar/RightSidebar'
|
||||||
import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
|
import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
|
||||||
import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
|
import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
|
||||||
import BalanceChartCard from './BalanceChartCard/BalanceChartCard'
|
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