Merge pull request #91 from CS3219-AY2425S1/ms4-frontend

Author: rickkoh

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

frontend/next.config.mjs

@@ -1,11 +1,5 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  eslint: {
-    // Warning: This allows production builds to successfully complete even if
-    // your project has ESLint errors.
-    ignoreDuringBuilds: true,
-  },
-
   webpackDevMiddleware: (config) => {
     config.watchOptions = {
       poll: 1000,

frontend/package-lock.json

@@ -12,6 +12,7 @@
     "@hookform/resolvers": "^3.9.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-hover-card": "^1.1.1",
@@ -25,6 +26,7 @@
     "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@tanstack/react-table": "^8.20.5",
+    "@uidotdev/usehooks": "^2.4.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
@@ -41,6 +43,7 @@
     "socket.io-client": "^4.7.5",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
+    "usehooks-ts": "^3.1.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {

frontend/package.json

@@ -0,0 +1,27 @@
+import Navbar from "@/components/Navbar";
+import { Toaster } from "@/components/ui/toaster";
+import { ReactNode } from "react";
+
+import { getCurrentUser } from "@/services/userService";
+import { redirect } from "next/navigation";
+
+export default async function AuthLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const currentUser = await getCurrentUser();
+
+  if (currentUser.statusCode === 200 && currentUser.data) {
+    redirect("/dashboard");
+  }
+
+  return (
+    <div className="flex flex-col min-h-screen">
+      <Navbar isMinimal={true} className="relative mt-8 border-b-0" />
+      <div className="flex-1 max-h-20" />
+      <main className="flex-1">{children}</main>
+      <Toaster />
+    </div>
+  );
+}