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:
RadoslavDimchev 2024-04-02 10:53:51 +03:00 committed by Radoslav Dimchev
parent 49a5296391
commit ed0e4ca517
1 changed files with 21 additions and 7 deletions

View File

@ -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 ValidatorSettingCard from './ValidatorSettingCard'
type CardTitle = (typeof VALIDATOR_SETTINGS_CARDS_TITLES)[number]
import { CardTitle } from './ValidatorSettingCard'
type AdvancedDropdownMenuProps = {
title: CardTitle
}
const AdvancedDropdownMenu = ({ title }: AdvancedDropdownMenuProps) => {
return (
<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.Item label="Deposit" onSelect={() => {}} />
</DropdownMenu.Content>
</DropdownMenu>
)