From 6835236ee5f47cc6aac7b6058639875ba36b0f9f Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 13 Sep 2023 11:12:13 +0300
Subject: [PATCH] feat: move add cards into container

---
 src/pages/Dashboard/AddCardsContainer.tsx | 19 +++++++++++++++++++
 src/pages/Dashboard/Dashboard.tsx         | 15 +++------------
 2 files changed, 22 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/Dashboard/AddCardsContainer.tsx

diff --git a/src/pages/Dashboard/AddCardsContainer.tsx b/src/pages/Dashboard/AddCardsContainer.tsx
new file mode 100644
index 00000000..6b258421
--- /dev/null
+++ b/src/pages/Dashboard/AddCardsContainer.tsx
@@ -0,0 +1,19 @@
+import { YStack } from 'tamagui'
+import AddCard from '../../components/General/AddCard'
+
+const AddCardsContainer = () => {
+  return (
+    <YStack
+      style={{
+        borderRadius: '16px',
+        boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
+        width: 'fit-content',
+      }}
+    >
+      <AddCard />
+      <AddCard />
+    </YStack>
+  )
+}
+
+export default AddCardsContainer
diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index 013807a2..4bd185dd 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -1,21 +1,12 @@
 import { YStack } from 'tamagui'
 
-import AddCard from '../../components/General/AddCard'
 import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
+import AddCardsContainer from './AddCardsContainer'
 
 const Dashboard = () => {
   return (
-    <YStack>
-      <YStack
-        style={{
-          borderRadius: '16px',
-          boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
-          width: 'fit-content',
-        }}
-      >
-        <AddCard />
-        <AddCard />
-      </YStack>
+    <YStack space={'$2'}>
+      <AddCardsContainer />
       <BasicInfoCards />
     </YStack>
   )