From 0f7d3ba897adc9d0177ca6ce338d20434ddca132 Mon Sep 17 00:00:00 2001
From: Ivana Andersson <ivana.p.kostova@gmail.com>
Date: Wed, 27 Sep 2023 11:58:34 +0300
Subject: [PATCH] feat: add padding prop to AddCard component

---
 src/components/General/AddCards/AddCard.tsx           |  8 ++++++--
 src/components/General/AddCards/AddCardsContainer.tsx |  4 ++--
 src/pages/Dashboard/RightSideBar/RightSidebar.tsx     | 10 +++++++++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/General/AddCards/AddCard.tsx b/src/components/General/AddCards/AddCard.tsx
index 3b938f8e..c5796666 100644
--- a/src/components/General/AddCards/AddCard.tsx
+++ b/src/components/General/AddCards/AddCard.tsx
@@ -1,7 +1,11 @@
 import { Stack } from 'tamagui'
 import { AddIcon } from '@status-im/icons'
 
-const AddCard = () => {
+type AddCardProps = {
+  padding: string
+}
+
+const AddCard = ({ padding }: AddCardProps) => {
   return (
     <Stack
       style={{
@@ -9,7 +13,7 @@ const AddCard = () => {
         borderRadius: '16px',
         cursor: 'pointer',
         minHeight: '150px',
-        padding: '0 7vw',
+        padding: padding,
         justifyContent: 'center',
         alignItems: 'center',
         backgroundColor: 'white',
diff --git a/src/components/General/AddCards/AddCardsContainer.tsx b/src/components/General/AddCards/AddCardsContainer.tsx
index f7503a86..fb5bf1c9 100644
--- a/src/components/General/AddCards/AddCardsContainer.tsx
+++ b/src/components/General/AddCards/AddCardsContainer.tsx
@@ -7,8 +7,8 @@ const AddCardsContainer = () => {
   return (
     <DashboardCardWrapper padding="0">
       <YStack>
-        <AddCard />
-        <AddCard />
+        <AddCard padding={'0 7vw'} />
+        <AddCard padding={'0 7vw'} />
       </YStack>
     </DashboardCardWrapper>
   )
diff --git a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
index 7ba6a713..61fe018d 100644
--- a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
+++ b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
@@ -3,6 +3,7 @@ import { XStack, YStack } from 'tamagui'
 import ValidatorListItem from './ValidatorListItem'
 import InputSearch from './SearchInput'
 import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons'
+import AddCard from '../../../components/General/AddCards/AddCard'
 
 const RightSidebar = () => {
   return (
@@ -21,7 +22,14 @@ const RightSidebar = () => {
           <Text size={13}>0xb9d...c35</Text>
         </YStack>
       </XStack>
-
+      <XStack alignItems="center" justifyContent="space-between">
+        <YStack backgroundColor={'#2A4AF5'} style={{ padding: '8px 12px', borderRadius: '16px' }}>
+          <Text size={15} weight={'semibold'} color={'#FFF'}>
+            Diamond Hands
+          </Text>
+        </YStack>
+        <AddCard padding={'0 2vw'} />
+      </XStack>
       <Tabs defaultValue="active">
         <Tabs.List size={32}>
           <Tabs.Trigger type="default" value="active">