From 891c313d5926c55e054e6a2ba8d2ba6691001d75 Mon Sep 17 00:00:00 2001 From: Sir Blob <76974209+GamerBoss101@users.noreply.github.com> Date: Sat, 25 Jan 2025 10:17:47 -0500 Subject: [PATCH] Panel CSS Fix and Account Path Update --- src/app/(panels)/layout.tsx | 9 ++- .../suite/doctor}/account/page.jsx | 8 +-- .../(panels)/suite/doctor/dashboard/page.tsx | 6 +- src/app/(panels)/suite/doctor/layout.tsx | 2 +- .../(panels)/suite/patient/dashboard/page.tsx | 18 ++++++ src/app/(panels)/suite/patient/layout.tsx | 19 +++++- src/components/panel-ui/doctor/app-navbar.tsx | 6 +- .../panel-ui/doctor/app-sidebar.tsx | 12 ++-- .../panel-ui/patient/app-navbar.tsx | 58 +++++++++++++++++++ .../panel-ui/patient/app-sidebar.tsx | 52 +++++++++++++++++ 10 files changed, 168 insertions(+), 22 deletions(-) rename src/app/{(web) => (panels)/suite/doctor}/account/page.jsx (94%) create mode 100644 src/app/(panels)/suite/patient/dashboard/page.tsx create mode 100644 src/components/panel-ui/patient/app-navbar.tsx create mode 100644 src/components/panel-ui/patient/app-sidebar.tsx diff --git a/src/app/(panels)/layout.tsx b/src/app/(panels)/layout.tsx index 9c75548..fbeeb21 100644 --- a/src/app/(panels)/layout.tsx +++ b/src/app/(panels)/layout.tsx @@ -1,6 +1,7 @@ "use client" import { ThemeProvider } from '@/components/theme-provider'; +import { ClerkProvider } from '@clerk/nextjs'; import '../globals.css' @@ -12,9 +13,11 @@ export default function RootLayout({ return ( - - {children} - + + + {children} + + ) diff --git a/src/app/(web)/account/page.jsx b/src/app/(panels)/suite/doctor/account/page.jsx similarity index 94% rename from src/app/(web)/account/page.jsx rename to src/app/(panels)/suite/doctor/account/page.jsx index d0cb3fb..f1d9fab 100644 --- a/src/app/(web)/account/page.jsx +++ b/src/app/(panels)/suite/doctor/account/page.jsx @@ -2,10 +2,10 @@ import { useState, useEffect } from 'react'; import axios from 'axios'; import { useUser } from '@clerk/nextjs'; -import { Button } from '../../../components/ui/button'; -import { Input } from '../../../components/ui/input'; -import { Label } from '../../../components/ui/label'; -import { Card, CardHeader, CardContent, CardFooter } from '../../../components/ui/card'; +import { Button } from '@/components/ui/button'; +import { Input } from '@/components/ui/input'; +import { Label } from '@/components/ui/label'; +import { Card, CardHeader, CardContent, CardFooter } from '@/components/ui/card'; const AccountPage = () => { const { user } = useUser(); diff --git a/src/app/(panels)/suite/doctor/dashboard/page.tsx b/src/app/(panels)/suite/doctor/dashboard/page.tsx index 97dd76f..9559023 100644 --- a/src/app/(panels)/suite/doctor/dashboard/page.tsx +++ b/src/app/(panels)/suite/doctor/dashboard/page.tsx @@ -3,12 +3,12 @@ export default function Dashboard() { return (
-

Dashboard

+

Dashboard

{[...Array(6)].map((_, i) => ( -
+

Card {i + 1}

-

This is some placeholder content for Card {i + 1}.

+

This is some placeholder content for Card {i + 1}.

))}
diff --git a/src/app/(panels)/suite/doctor/layout.tsx b/src/app/(panels)/suite/doctor/layout.tsx index 091fbc7..a111db0 100644 --- a/src/app/(panels)/suite/doctor/layout.tsx +++ b/src/app/(panels)/suite/doctor/layout.tsx @@ -17,7 +17,7 @@ export default function RootLayout({
-
+
{children}
diff --git a/src/app/(panels)/suite/patient/dashboard/page.tsx b/src/app/(panels)/suite/patient/dashboard/page.tsx new file mode 100644 index 0000000..9559023 --- /dev/null +++ b/src/app/(panels)/suite/patient/dashboard/page.tsx @@ -0,0 +1,18 @@ +"use client" + +export default function Dashboard() { + return ( +
+

Dashboard

+
+ {[...Array(6)].map((_, i) => ( +
+

Card {i + 1}

+

This is some placeholder content for Card {i + 1}.

+
+ ))} +
+
+ ) +} + diff --git a/src/app/(panels)/suite/patient/layout.tsx b/src/app/(panels)/suite/patient/layout.tsx index 9a30ea7..5e5fe70 100644 --- a/src/app/(panels)/suite/patient/layout.tsx +++ b/src/app/(panels)/suite/patient/layout.tsx @@ -1,11 +1,26 @@ "use client" +import { useState } from "react" +import Sidebar from "@/components/panel-ui/patient/app-sidebar" +import Navbar from "@/components/panel-ui/patient/app-navbar" +import { SidebarProvider } from "@/components/ui/sidebar" + export default function RootLayout({ children, }: { children: React.ReactNode }) { + const [isSidebarOpen] = useState(true) + return ( -
{children}
+ + +
+ +
+ {children} +
+
+ ) -} +} \ No newline at end of file diff --git a/src/components/panel-ui/doctor/app-navbar.tsx b/src/components/panel-ui/doctor/app-navbar.tsx index 3f848f3..e0070a1 100644 --- a/src/components/panel-ui/doctor/app-navbar.tsx +++ b/src/components/panel-ui/doctor/app-navbar.tsx @@ -18,14 +18,14 @@ import { ModeToggle } from "@/components/theme-toggle" export default function Navbar() { return ( -