feat: create management tabs
This commit is contained in:
parent
c641ac5e24
commit
bf12cc552f
|
@ -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
|
Loading…
Reference in New Issue