From 227e931bf72b9b71c7e4adc1cd9a26f4de585277 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Tue, 1 Mar 2022 16:50:32 +0100
Subject: [PATCH] feat(dashboard-v2): add uploader on main screen

---
 packages/dashboard-v2/src/pages/index.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/dashboard-v2/src/pages/index.js b/packages/dashboard-v2/src/pages/index.js
index a8d48ae2..593db528 100644
--- a/packages/dashboard-v2/src/pages/index.js
+++ b/packages/dashboard-v2/src/pages/index.js
@@ -9,6 +9,7 @@ import LatestActivity from "../components/LatestActivity/LatestActivity";
 import DashboardLayout from "../layouts/DashboardLayout";
 import Slider from "../components/Slider/Slider";
 import CurrentUsage from "../components/CurrentUsage";
+import Uploader from "../components/Uploader/Uploader";
 
 const IndexPage = () => {
   const showRecentActivity = useMedia(`(min-width: ${theme.screens.md})`);
@@ -18,15 +19,15 @@ const IndexPage = () => {
       <div className="w-full">
         <Slider
           slides={[
-            <Panel title="Upload">
+            <Panel title="Upload" className="h-[330px]">
               <Tabs variant="fill">
                 <Tab id="files" title="Files" />
                 <Tab id="directory" title="Directory" />
-                <TabPanel tabId="files">
-                  <div className="w-full py-16 bg-palette-100/50 text-center">Upload files...</div>
+                <TabPanel tabId="files" className="h-full overflow-y-auto">
+                  <Uploader mode="file" />
                 </TabPanel>
-                <TabPanel tabId="directory">
-                  <div className="w-full py-16 bg-palette-100/50 text-center">Upload a directory...</div>
+                <TabPanel tabId="directory" className="h-full overflow-y-auto">
+                  <Uploader mode="directory" />
                 </TabPanel>
               </Tabs>
             </Panel>,
@@ -36,6 +37,7 @@ const IndexPage = () => {
                   <ArrowRightIcon /> Usage
                 </>
               }
+              className="h-[330px]"
             >
               <CurrentUsage />
             </Panel>,
@@ -45,6 +47,7 @@ const IndexPage = () => {
                   <ArrowRightIcon /> Current plan
                 </>
               }
+              className="h-[330px]"
             >
               <ul>
                 <li>Current</li>