fix(advanced-dropdown): add setting card content
Somehow when I use external component dropdown is not showing it, so I just copy pasted component content for now.
This commit is contained in:
parent
49a5296391
commit
ed0e4ca517
|
@ -1,20 +1,34 @@
|
||||||
import { DropdownMenu } from '@status-im/components'
|
import { DropdownMenu, Text } from '@status-im/components'
|
||||||
|
import { Stack, YStack } from 'tamagui'
|
||||||
|
import { AdvancedIcon } from '@status-im/icons'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
|
||||||
import { VALIDATOR_SETTINGS_CARDS_TITLES } from '../../../../constants'
|
import { CardTitle } from './ValidatorSettingCard'
|
||||||
import ValidatorSettingCard from './ValidatorSettingCard'
|
|
||||||
|
|
||||||
type CardTitle = (typeof VALIDATOR_SETTINGS_CARDS_TITLES)[number]
|
|
||||||
|
|
||||||
type AdvancedDropdownMenuProps = {
|
type AdvancedDropdownMenuProps = {
|
||||||
title: CardTitle
|
title: CardTitle
|
||||||
}
|
}
|
||||||
|
|
||||||
const AdvancedDropdownMenu = ({ title }: AdvancedDropdownMenuProps) => {
|
const AdvancedDropdownMenu = ({ title }: AdvancedDropdownMenuProps) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
<ValidatorSettingCard title={title} />
|
<YStack alignItems="center" cursor="pointer">
|
||||||
|
<Stack
|
||||||
|
style={{
|
||||||
|
border: '0.5px solid #DCE0E5',
|
||||||
|
borderRadius: '16px',
|
||||||
|
padding: '10px',
|
||||||
|
width: 'fit-content',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<AdvancedIcon size={20} />
|
||||||
|
</Stack>
|
||||||
|
<Text size={15} weight="semibold" color="#647084">
|
||||||
|
{title}
|
||||||
|
</Text>
|
||||||
|
</YStack>
|
||||||
<DropdownMenu.Content>
|
<DropdownMenu.Content>
|
||||||
<DropdownMenu.Item label="Deposit" onSelect={() => {}} />
|
|
||||||
</DropdownMenu.Content>
|
</DropdownMenu.Content>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
)
|
)
|
||||||
|
|
Loading…
Reference in New Issue