Fixed the user loading

src/app/api/user/route.ts

@@ -4,7 +4,7 @@ import { env } from "@utils/env";
 import { verifyJwt } from "@utils/verifyJwt";
 import { prisma } from "@utils/prisma";
 
-export async function POST(req: Request) {
+export async function GET() {
 	let cookieStore;
 	try {
 		cookieStore = await cookies();
@@ -14,18 +14,19 @@ export async function POST(req: Request) {
 		const payload = await verifyJwt({ token, secret: env.JWT_SECRET_KEY });
 
 		const user = await prisma.user.findUnique({
-			where: { id: payload.userId },
+			where: { id: payload.userId as number },
 			include: {
+				earthquakes: true,
+				observatories: true,
+				artefacts: true,
+				purchasedOrders: true,
+				requests: true,
 				scientist: {
 					include: {
-						earthquakes: true,
-						observatories: true,
-						artefacts: true,
 						superior: true,
 						subordinates: true,
 					},
 				},
-				purchasedArtefacts: true,
 			},
 		});
 

src/app/layout.tsx

@@ -1,4 +1,5 @@
 "use client";
+import useSWR from "swr";
 import axios from "axios";
 import { useEffect } from "react";
 import type { Metadata } from "next";
@@ -10,6 +11,7 @@ import { Inter } from "next/font/google";
 
 import { StoreModel } from "@appTypes/StoreModel";
 import Navbar from "@components/Navbar";
+import { fetcher } from "@utils/axiosHelpers";
 
 const inter = Inter({
 	subsets: ["latin"],
@@ -34,25 +36,17 @@ const store = createStore<StoreModel>({
 
 function UserFetcher() {
 	const setUser = useStoreActions((actions) => actions.setUser);
+	const { data, error } = useSWR("/api/user", fetcher);
 
 	useEffect(() => {
-		async function fetchUser() {
+		data && data.user && setUser(data.user);
-			try {
+	}, [setUser, data]);
-				const response = await axios.post("/api/get-user");
-				if (response.status === 200 && response.data.user) {
-					setUser(response.data.user);
-				} else {
-					setUser(null); // Clear user if no user found
-				}
-			} catch (error) {
-				console.error("Error fetching user:", error);
-				setUser(null);
-			}
-		}
-		fetchUser();
-	}, [setUser]); // Run once on mount
 
-	return null; // No UI needed
+	useEffect(() => {
+		error && error.status === 401 && setUser(null);
+	}, [setUser, error]);
+
+	return null;
 }
 export default function RootLayout({
 	children,
@@ -66,7 +60,7 @@ export default function RootLayout({
 					<UserFetcher></UserFetcher>
 					<Navbar></Navbar>
 					<div className="flex-1 overflow-y-auto">{children}</div>
-                </body>
+				</body>
 			</StoreProvider>
 		</html>
 	);