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 { 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>
) )