LumeWeb
/
portal-dashboard
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

style: prettier

This commit is contained in:
Derrick Hammer 2024-03-13 13:33:03 -04:00
parent 273b41d243
commit 3f77d16f0b
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 62 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
app/routes/dashboard.tsx
View File

@ -1,71 +1,69 @@
import { GeneralLayout } from "~/components/general-layout" import { GeneralLayout } from "~/components/general-layout";
import { import {
CloudIcon, CloudIcon,
CloudDownloadIcon, CloudDownloadIcon,
CloudUploadSolidIcon CloudUploadSolidIcon,
} from "~/components/icons" } from "~/components/icons";
import { UpgradeAccountBanner } from "~/components/upgrade-account-banner" import { UpgradeAccountBanner } from "~/components/upgrade-account-banner";
import { UsageCard } from "~/components/usage-card" import { UsageCard } from "~/components/usage-card";
import { UsageChart } from "~/components/usage-chart" import { UsageChart } from "~/components/usage-chart";
import { Authenticated } from "@refinedev/core";
export default function Dashboard() { export default function Dashboard() {
const isLogged = true
if (!isLogged) {
window.location.href = "/login"
}
return ( return (
<GeneralLayout> <Authenticated key="dashboard" v3LegacyAuthProviderCompatible>
<h1 className="font-bold mb-4 text-3xl">Dashboard</h1> <GeneralLayout>
<UpgradeAccountBanner /> <h1 className="font-bold mb-4 text-3xl">Dashboard</h1>
<h2 className="font-bold mb-8 mt-10 text-2xl">Current Usage</h2> <UpgradeAccountBanner />
<div className="grid grid-cols-2 gap-8"> <h2 className="font-bold mb-8 mt-10 text-2xl">Current Usage</h2>
<UsageCard <div className="grid grid-cols-2 gap-8">
label="Storage" <UsageCard
currentUsage={120} label="Storage"
monthlyUsage={130} currentUsage={120}
icon={<CloudIcon className="text-ring" />} monthlyUsage={130}
/> icon={<CloudIcon className="text-ring" />}
<UsageCard />
label="Download" <UsageCard
currentUsage={2} label="Download"
monthlyUsage={10} currentUsage={2}
icon={<CloudDownloadIcon className="text-ring" />} monthlyUsage={10}
/> icon={<CloudDownloadIcon className="text-ring" />}
<UsageCard />
label="Upload" <UsageCard
currentUsage={5} label="Upload"
monthlyUsage={15} currentUsage={5}
icon={<CloudUploadSolidIcon className="text-ring" />} monthlyUsage={15}
/> icon={<CloudUploadSolidIcon className="text-ring" />}
</div> />
<h2 className="font-bold mb-8 mt-10 text-2xl">Historical Usage</h2> </div>
<div className="grid gap-8 grid-cols-2"> <h2 className="font-bold mb-8 mt-10 text-2xl">Historical Usage</h2>
<UsageChart <div className="grid gap-8 grid-cols-2">
dataset={[ <UsageChart
{ x: "3/2", y: "50" }, dataset={[
{ x: "3/3", y: "10" }, { x: "3/2", y: "50" },
{ x: "3/4", y: "20" } { x: "3/3", y: "10" },
]} { x: "3/4", y: "20" },
label="Storage" ]}
/> label="Storage"
<UsageChart />
dataset={[ <UsageChart
{ x: "3/2", y: "50" }, dataset={[
{ x: "3/3", y: "10" }, { x: "3/2", y: "50" },
{ x: "3/4", y: "20" } { x: "3/3", y: "10" },
]} { x: "3/4", y: "20" },
label="Download" ]}
/> label="Download"
<UsageChart />
dataset={[ <UsageChart
{ x: "3/2", y: "50" }, dataset={[
{ x: "3/3", y: "10" }, { x: "3/2", y: "50" },
{ x: "3/4", y: "20" } { x: "3/3", y: "10" },
]} { x: "3/4", y: "20" },
label="Upload" ]}
/> label="Upload"
</div> />
</GeneralLayout> </div>
) </GeneralLayout>
</Authenticated>
);
} }