From 6f9f9e38f88cef9f06228d74c526f7f80c8aedf7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 26 Sep 2023 20:29:37 +0300
Subject: [PATCH] feat: add dropdown menu

---
 .../Deposit/Validators.tsx                    | 30 +++++++++++++++++--
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Deposit/Validators.tsx b/src/pages/ValidatorOnboarding/Deposit/Validators.tsx
index 64280d6e..384c6a76 100644
--- a/src/pages/ValidatorOnboarding/Deposit/Validators.tsx
+++ b/src/pages/ValidatorOnboarding/Deposit/Validators.tsx
@@ -1,5 +1,5 @@
-import { Input, Text } from '@status-im/components'
-import { AddIcon, ChevronDownIcon } from '@status-im/icons'
+import { DropdownMenu, Input, Text } from '@status-im/components'
+import { AddIcon, ChevronDownIcon, EditIcon } from '@status-im/icons'
 import { Stack, XStack, YStack } from 'tamagui'
 
 import DepositSubtitle from './DepositSubtitle'
@@ -40,7 +40,31 @@ const Validators = ({
           <Text size={15} weight={'semibold'}>
             USD
           </Text>
-          <ChevronDownIcon size={16} color={'#919191'} style={{ cursor: 'pointer' }} />
+          <DropdownMenu>
+            <ChevronDownIcon size={16} color={'#919191'} style={{ cursor: 'pointer' }} />
+            <DropdownMenu.Content sideOffset={10}>
+              <DropdownMenu.Item
+                icon={<EditIcon size={20} />}
+                label="asdf"
+                onSelect={() => console.log('e')}
+              />
+              <DropdownMenu.Item
+                icon={<EditIcon size={20} />}
+                label="asdf"
+                onSelect={() => console.log('e')}
+              />
+              <DropdownMenu.Item
+                icon={<EditIcon size={20} />}
+                label="asdf"
+                onSelect={() => console.log('e')}
+              />
+              <DropdownMenu.Item
+                icon={<EditIcon size={20} />}
+                label="asdf"
+                onSelect={() => console.log('e')}
+              />
+            </DropdownMenu.Content>
+          </DropdownMenu>
         </XStack>
         <Text size={27} weight={'semibold'}>
           $4,273 USD