From 984a4577b726840c2bc41b56a1717faf948d9d8d Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 13 Sep 2023 10:45:47 +0300
Subject: [PATCH] feat: add cards on dashboard

---
 src/pages/Dashboard/BasicInfoCard.tsx        |  1 +
 src/pages/Dashboard/Dashboard.tsx            | 18 +++++++++++++++---
 src/pages/Dashboard/DashboardCardWrapper.tsx |  2 +-
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/pages/Dashboard/BasicInfoCard.tsx b/src/pages/Dashboard/BasicInfoCard.tsx
index 5552bf93..d0a8c64e 100644
--- a/src/pages/Dashboard/BasicInfoCard.tsx
+++ b/src/pages/Dashboard/BasicInfoCard.tsx
@@ -1,5 +1,6 @@
 import { Text } from '@status-im/components'
 import { YStack } from 'tamagui'
+
 import DashboardCardWrapper from './DashboardCardWrapper'
 
 type BasicInfoCardProps = {
diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index c208ac6c..39d7662a 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -1,9 +1,21 @@
-import { Stack, XStack } from 'tamagui'
+import { Stack, YStack } from 'tamagui'
+
 import BasicInfoCard from './BasicInfoCard'
+import AddCard from '../../components/General/AddCard'
 
 const Dashboard = () => {
   return (
-    <XStack>
+    <YStack>
+      <YStack
+        style={{
+          borderRadius: '16px',
+          boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
+          width: 'fit-content',
+        }}
+      >
+        <AddCard />
+        <AddCard />
+      </YStack>
       <Stack
         style={{
           display: 'grid',
@@ -18,7 +30,7 @@ const Dashboard = () => {
         <BasicInfoCard title="Avg. Effectiveness" value="4" />
         <BasicInfoCard title="Participation Rate" value="6" />
       </Stack>
-    </XStack>
+    </YStack>
   )
 }
 
diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index 10e79153..afe4be60 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -14,7 +14,7 @@ const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => {
       }}
     >
       {children}
-    </Stack>
+    </Stack> 
   )
 }