Aidan
56603e7e99
All checks were successful
Build and Push Nightly CI Image / build_and_push (push) Successful in 1m47s
Build and Push Docker Image / build_and_push (push) Successful in 3s
65 lines
2.7 KiB
TypeScript
65 lines
2.7 KiB
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion"
|
|
import { SideMenu } from "@/components/pages/dashboard/SideMenu"
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import { Separator } from "@/components/ui/separator";
|
|
|
|
const fadeIn = {
|
|
initial: { opacity: 0, y: 20 },
|
|
animate: { opacity: 1, y: 0 },
|
|
transition: { duration: 0.4 },
|
|
}
|
|
|
|
export default function Statistics() {
|
|
return (
|
|
<div className="flex flex-1 overflow-hidden">
|
|
<SideMenu />
|
|
<main className="flex-1 w-full overflow-y-auto pl-0 lg:pl-64">
|
|
<div className="container mx-auto px-4 py-6 w-full">
|
|
<motion.div {...fadeIn}>
|
|
<h1 className="text-3xl font-bold mb-6 text-foreground">Statistics</h1>
|
|
<Card className="col-span-full md:col-span-1">
|
|
<CardHeader>
|
|
<CardTitle>Operational Costs</CardTitle>
|
|
<CardDescription>LibreCloud's monthly bill, for you to view.</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<span className="text-sm"><span className="font-bold">Month of:</span> February</span>
|
|
<Separator className="my-4" />
|
|
<span className="font-bold">Server</span>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">Main Server</span>
|
|
<span className="text-bold text-right">$28.88</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<span className="font-bold">Domains</span>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">librecloud.cc</span>
|
|
<span className="text-bold text-right">$3.10</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<span className="font-bold">Addons</span>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">+0GB Disk Space</span>
|
|
<span className="text-bold text-right">$0.00</span>
|
|
</div>
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="text-sm">+0GB RAM</span>
|
|
<span className="text-bold text-right">$0.00</span>
|
|
</div>
|
|
<Separator className="my-4" />
|
|
<div className="flex items-center justify-between mt-2">
|
|
<span className="font-bold">TOTAL</span>
|
|
<span className="text-bold text-right">$31.98</span>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</motion.div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|
|
|