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