LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard-v2): add uploader on main screen

This commit is contained in:
Michał Leszczyk 2022-03-01 16:50:32 +01:00
parent c3ec423496
commit 227e931bf7
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/dashboard-v2/src/pages/index.js
View File

@ -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>