From 469f7c06afb83027d4619e66f549ad8fa752ea62 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 13:58:56 +0300
Subject: [PATCH] fix: add icon, order imports and add spaces

---
 .../ValidatorOnboarding/ClientSetup/ClientSetup.tsx  |  5 +++--
 .../ValidatorOnboarding/ClientSetup/SetupRow.tsx     | 12 ++++++++----
 .../ClientSetup/WithdrawalAddress.tsx                |  2 ++
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx b/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
index 917356da..c5f452ed 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
@@ -1,10 +1,11 @@
 import { Separator, Stack, XStack, YStack } from 'tamagui'
-import SetupRow from './SetupRow'
-import WithdrawalAddress from './WithdrawalAddress'
 import { Text } from '@status-im/components'
 import { ArrowRightIcon } from '@status-im/icons'
 import { Link } from 'react-router-dom'
 
+import SetupRow from './SetupRow'
+import WithdrawalAddress from './WithdrawalAddress'
+
 const ClientSetup = () => {
   return (
     <YStack padding={'26px'} width={'100%'} space={'$8'}>
diff --git a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
index f2f89663..ecd792ea 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
@@ -1,10 +1,11 @@
 import { Stack, XStack, YStack } from 'tamagui'
 import { Input as StatusInput, Text } from '@status-im/components'
-import { AddIcon } from '@status-im/icons'
+import { AddIcon, ChevronDownIcon } from '@status-im/icons'
 
 type SetupRowProps = {
   title: string
 }
+
 const SetupRow = ({ title }: SetupRowProps) => {
   return (
     <YStack space={'$4'}>
@@ -27,9 +28,12 @@ const SetupRow = ({ title }: SetupRowProps) => {
           </Text>
         </YStack>
         <YStack space={'$2'}>
-          <Text size={19} weight={'semibold'} color="#09101C">
-            USD
-          </Text>
+          <XStack style={{ justifyContent: 'space-between' }}>
+            <Text size={19} weight={'semibold'} color="#09101C">
+              USD
+            </Text>
+            <ChevronDownIcon size={16} color={'#919191'} />
+          </XStack>
           <Text size={27} weight={'semibold'} color="#09101C">
             $4,273 USD
           </Text>
diff --git a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
index ca1e7430..fb216c47 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
@@ -1,9 +1,11 @@
 import { Stack, YStack } from 'tamagui'
 import { InformationBox, Input as StatusInput, Text } from '@status-im/components'
 import { ClearIcon, CloseCircleIcon } from '@status-im/icons'
+
 type WithdrawalAddressProps = {
   title: string
 }
+
 const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => {
   return (
     <YStack space={'$4'}>