Compare commits
No commits in common. "d62fdf47f3761f797588d3f0d02abe84b692fc70" and "b5625b3a9c28cc802878a40950299751f1e3054a" have entirely different histories.
d62fdf47f3
...
b5625b3a9c
@ -1,6 +1,4 @@
|
|||||||
import TotalUsers from "@/components/cards/dashboard/TotalUsers"
|
import TotalUsers from "@/components/cards/dashboard/TotalUsers"
|
||||||
import TotalMessages from "@/components/cards/dashboard/TotalMessages"
|
|
||||||
import DiskUsage from "@/components/cards/dashboard/DiskUsage"
|
|
||||||
import Services from "@/components/cards/dashboard/Services"
|
import Services from "@/components/cards/dashboard/Services"
|
||||||
import Header from '@/components/Header'
|
import Header from '@/components/Header'
|
||||||
|
|
||||||
@ -10,8 +8,6 @@ export default function Admin() {
|
|||||||
<Header pageTitle="Dashboard" />
|
<Header pageTitle="Dashboard" />
|
||||||
<div className="p-4 pb-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
<div className="p-4 pb-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
||||||
<TotalUsers />
|
<TotalUsers />
|
||||||
<TotalMessages />
|
|
||||||
<DiskUsage />
|
|
||||||
</div>
|
</div>
|
||||||
<div className="p-4 pb-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
<div className="p-4 pb-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
|
||||||
<Services />
|
<Services />
|
||||||
|
@ -1,27 +0,0 @@
|
|||||||
import { Card, CardHeader, CardContent } from '@/components/ui/card'
|
|
||||||
import { Progress } from '@/components/ui/progress'
|
|
||||||
import { FiHardDrive } from "react-icons/fi"
|
|
||||||
|
|
||||||
export default function DiskUsage() {
|
|
||||||
return (
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<div className="flex items-center">
|
|
||||||
<FiHardDrive className="mr-2" />
|
|
||||||
Disk Usage
|
|
||||||
</div>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent>
|
|
||||||
<Progress value={30} className="mb-2" />
|
|
||||||
<div className="flex justify-between items-center">
|
|
||||||
<span className="text-2xl font-bold">30GB</span>
|
|
||||||
<span className="text-2xl font-bold">300GB</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex justify-between items-center">
|
|
||||||
<span className="text-sm text-gray-500">in use</span>
|
|
||||||
<span className="text-sm text-gray-500">allocated</span>
|
|
||||||
</div>
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
)
|
|
||||||
}
|
|
@ -1,24 +0,0 @@
|
|||||||
import { Card, CardHeader, CardContent, CardFooter } from '@/components/ui/card'
|
|
||||||
import { TbMailFilled, TbArrowUp } from "react-icons/tb"
|
|
||||||
|
|
||||||
export default function TotalMessages() {
|
|
||||||
return (
|
|
||||||
<Card>
|
|
||||||
<CardHeader>
|
|
||||||
<div className="flex items-center">
|
|
||||||
<TbMailFilled className="mr-2" />
|
|
||||||
Total Messages
|
|
||||||
</div>
|
|
||||||
</CardHeader>
|
|
||||||
<CardContent>
|
|
||||||
<span className="text-3xl font-bold">3,283</span>
|
|
||||||
</CardContent>
|
|
||||||
<CardFooter className="-mt-4">
|
|
||||||
<div className="flex items-center">
|
|
||||||
<TbArrowUp className="text-green-500 mr-1" />
|
|
||||||
<span className="text-green-500">283 messages this week</span>
|
|
||||||
</div>
|
|
||||||
</CardFooter>
|
|
||||||
</Card>
|
|
||||||
)
|
|
||||||
}
|
|
@ -1,31 +0,0 @@
|
|||||||
"use client"
|
|
||||||
|
|
||||||
import * as React from "react"
|
|
||||||
import * as ProgressPrimitive from "@radix-ui/react-progress"
|
|
||||||
|
|
||||||
import { cn } from "@/lib/utils"
|
|
||||||
|
|
||||||
function Progress({
|
|
||||||
className,
|
|
||||||
value,
|
|
||||||
...props
|
|
||||||
}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
|
|
||||||
return (
|
|
||||||
<ProgressPrimitive.Root
|
|
||||||
data-slot="progress"
|
|
||||||
className={cn(
|
|
||||||
"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
|
|
||||||
className
|
|
||||||
)}
|
|
||||||
{...props}
|
|
||||||
>
|
|
||||||
<ProgressPrimitive.Indicator
|
|
||||||
data-slot="progress-indicator"
|
|
||||||
className="bg-primary h-full w-full flex-1 transition-all"
|
|
||||||
style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
|
|
||||||
/>
|
|
||||||
</ProgressPrimitive.Root>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export { Progress }
|
|
13
package.json
13
package.json
@ -11,7 +11,6 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource-variable/bricolage-grotesque": "^5.2.5",
|
"@fontsource-variable/bricolage-grotesque": "^5.2.5",
|
||||||
"@radix-ui/react-dialog": "^1.1.6",
|
"@radix-ui/react-dialog": "^1.1.6",
|
||||||
"@radix-ui/react-progress": "^1.1.2",
|
|
||||||
"@radix-ui/react-separator": "^1.1.2",
|
"@radix-ui/react-separator": "^1.1.2",
|
||||||
"@radix-ui/react-slot": "^1.1.2",
|
"@radix-ui/react-slot": "^1.1.2",
|
||||||
"@radix-ui/react-tooltip": "^1.1.8",
|
"@radix-ui/react-tooltip": "^1.1.8",
|
||||||
@ -26,11 +25,11 @@
|
|||||||
"tailwindcss-animate": "^1.0.7"
|
"tailwindcss-animate": "^1.0.7"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"typescript": "^5.8.2",
|
"typescript": "^5",
|
||||||
"@types/node": "^20.17.24",
|
"@types/node": "^20",
|
||||||
"@types/react": "^19.0.10",
|
"@types/react": "^19",
|
||||||
"@types/react-dom": "^19.0.4",
|
"@types/react-dom": "^19",
|
||||||
"@tailwindcss/postcss": "^4.0.12",
|
"@tailwindcss/postcss": "^4",
|
||||||
"tailwindcss": "^4.0.12"
|
"tailwindcss": "^4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user