feat: create management tabs

This commit is contained in:
RadoslavDimchev 2023-11-08 00:05:40 +02:00
parent c641ac5e24
commit bf12cc552f
1 changed files with 38 additions and 0 deletions

View File

@ -0,0 +1,38 @@
import { useMemo } from 'react'
import { Tabs } from '@status-im/components'
import { Stack } from 'tamagui'
import ManagementTable from './ManagementTable/ManagementTable'
const ManagementTabs = () => {
const VALIDATOR_TABS = useMemo(
() => [
{
label: 'Active',
value: 'active',
},
],
[],
)
return (
<Tabs defaultValue="active">
<Stack style={{ cursor: 'pointer', width: 'fit-content' }}>
<Tabs.List size={32}>
{VALIDATOR_TABS.map(tab => (
<Tabs.Trigger key={tab.value} type="default" value={tab.value}>
{tab.label}
</Tabs.Trigger>
))}
</Tabs.List>
</Stack>
{VALIDATOR_TABS.map(tab => (
<Tabs.Content key={tab.value} value={tab.value} style={{ marginTop: '8px' }}>
<ManagementTable />
</Tabs.Content>
))}
</Tabs>
)
}
export default ManagementTabs