Merge remote-tracking branch 'refs/remotes/origin/main'

This commit is contained in:
Joseph J Helfenbein
2025-01-25 06:56:11 -05:00
6 changed files with 225 additions and 85 deletions

View File

@@ -0,0 +1,15 @@
"use client"
import * as React from "react"
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<main suppressHydrationWarning>
{children}
</main>
)
}

View File

@@ -1,10 +1,99 @@
"use client"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
export default function DoctorDashboard() {
export default function DashboardPage() {
return (
<section>
<h1>Doctor Dashboard</h1>
</section>
);
<div className="space-y-6 p-4 sm:p-6 lg:p-8">
<h1 className="text-3xl font-semibold mb-6">Dashboard Overview</h1>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">Total Revenue</CardTitle>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="h-4 w-4 text-muted-foreground"
>
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
</svg>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">$45,231.89</div>
<p className="text-xs text-muted-foreground">+20.1% from last month</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">Subscriptions</CardTitle>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="h-4 w-4 text-muted-foreground"
>
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
<circle cx="9" cy="7" r="4" />
<path d="M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" />
</svg>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">+2350</div>
<p className="text-xs text-muted-foreground">+180.1% from last month</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">Sales</CardTitle>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="h-4 w-4 text-muted-foreground"
>
<rect width="20" height="14" x="2" y="5" rx="2" />
<path d="M2 10h20" />
</svg>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">+12,234</div>
<p className="text-xs text-muted-foreground">+19% from last month</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">Active Now</CardTitle>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="h-4 w-4 text-muted-foreground"
>
<path d="M22 12h-4l-3 9L9 3l-3 9H2" />
</svg>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">+573</div>
<p className="text-xs text-muted-foreground">+201 since last hour</p>
</CardContent>
</Card>
</div>
</div>
)
}

View File

@@ -1,16 +1,19 @@
"use client"
import { Sidebar } from "@/components/panel-ui/doctor/app-sidebar"
import { Navbar } from "@/components/panel-ui/doctor/app-navbar"
import { AppSidebar } from "@/components/panel-ui/app-sidebar"
export default function RootLayout({
export default function DashboardLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<main className="w-full" suppressHydrationWarning>
<AppSidebar />
{children}
</main>
<div className="grid grid-cols-[250px_1fr] h-screen">
<Sidebar />
<div className="flex-1 flex flex-col">
<Navbar />
<main className="flex-1 overflow-x-hidden overflow-y-auto p-4">{children}</main>
</div>
</div>
)
}