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