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