From ed0e4ca5177b440577aea90d8c8100056b676011 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 2 Apr 2024 10:53:51 +0300
Subject: [PATCH] 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.
---
 .../AdvancedDropdownMenu.tsx                  | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/pages/ManageValidator/LeftManage/ValidatorSettingsCards/AdvancedDropdownMenu.tsx b/src/pages/ManageValidator/LeftManage/ValidatorSettingsCards/AdvancedDropdownMenu.tsx
index 3710d41b..efdd024c 100644
--- a/src/pages/ManageValidator/LeftManage/ValidatorSettingsCards/AdvancedDropdownMenu.tsx
+++ b/src/pages/ManageValidator/LeftManage/ValidatorSettingsCards/AdvancedDropdownMenu.tsx
@@ -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>
   )