Update frontend new build dev, proc

2025-09-29 16:30:21 +07:00
parent 7dd5ce8015
commit a337732d47
11 changed files with 349 additions and 148 deletions
--- a/frontend/app/layout.jsx
+++ b/frontend/app/layout.jsx
@@ -1,4 +1,9 @@
 // app/layout.jsx
+import "./globals.css";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
 export const metadata = {
  title: "DMS",
  description: "Document Management System",
@@ -6,8 +11,59 @@ export const metadata = {

 export default function RootLayout({ children }) {
  return (
-    <body className="min-h-screen bg-[linear-gradient(180deg,#F3FBFD_0%,#E6F7FB_100%)]">
-      {children}
-    </body>
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${inter.className} min-h-screen bg-background text-foreground`}
+      >
+        <div className="flex min-h-screen">
+          {/* Sidebar */}
+          <aside className="w-64 bg-primary text-primary-foreground p-4">
+            <h1 className="text-xl font-bold mb-6">📂 DMS</h1>
+            <nav className="space-y-2">
+              <a
+                href="/dashboard"
+                className="block px-3 py-2 rounded hover:bg-accent"
+              >
+                Dashboard
+              </a>
+              <a
+                href="/correspondences"
+                className="block px-3 py-2 rounded hover:bg-accent"
+              >
+                Correspondences
+              </a>
+              <a
+                href="/users"
+                className="block px-3 py-2 rounded hover:bg-accent"
+              >
+                Users
+              </a>
+              <a
+                href="/health"
+                className="block px-3 py-2 rounded hover:bg-accent"
+              >
+                Health
+              </a>
+            </nav>
+          </aside>
+
+          {/* Main content */}
+          <main className="flex-1 flex flex-col">
+            {/* Top Navbar */}
+            <header className="h-14 bg-secondary text-secondary-foreground flex items-center justify-between px-6 shadow-sm">
+              <span className="font-medium">Laem Chabang Port Phase 3</span>
+              <div className="flex items-center space-x-4">
+                <button className="px-3 py-1 rounded bg-accent text-accent-foreground hover:opacity-90">
+                  Quick Action
+                </button>
+                <span className="text-sm">superadmin</span>
+              </div>
+            </header>
+
+            <section className="p-6 flex-1">{children}</section>
+          </main>
+        </div>
+      </body>
+    </html>
  );
 }