jk reverted fr now

Author: anyazhang17

app/locations/[location]/page.tsx

@@ -14,7 +14,7 @@ export default function Page({ params }: { params: { location: number } }) {
   const [foodReviews, setFoodReviews] = useState<FrontEndReviews | null>(null);
 
   useEffect(() => {
-    fetchLocations().then(async (locations: Location[]) => {
+    fetchLocations().then((locations: Location[]) => {
       if (params.location < 0 || params.location >= locations.length) {
         return <h1>Location not found</h1>;
       }

app/profile/page.tsx

@@ -11,7 +11,6 @@ interface User {
   picture: string;
 }
 import Image from "next/image";
-import { useCookies } from 'next-client-cookies';
 const imageWidth = 100;
 const imageHeight = 100;
 
@@ -32,13 +31,12 @@ const Page = () => {
   const handleLogout = () => {
     googleLogout();
     axios
-      .post("http://localhost:8000/myapi/logout/")
+      .post("http://localhost:8000/api/logout/")
       .then((res) => console.log("Backend logout successful", res))
       .catch((err) => console.error("Backend logout failed", err));
 
-    // Remove the stored user login token
+    // Remove the token from sessionStorage
     sessionStorage.removeItem("token");
-    sessionStorage.removeItem("email");
     // Redirect the user to the main page after logging out
     window.location.href = "/";
     console.log("Logged out successfully");
@@ -49,7 +47,12 @@ const Page = () => {
       <h1>Profile</h1>
       {user && (
         <div>
-          <Image src={user.picture} alt="User profile" width={imageWidth} height={imageHeight}/>
+          <Image
+            src={user.picture}
+            alt="User profile"
+            width={imageWidth}
+            height={imageHeight}
+          />
           <h2>
             Welcome, {user.name} - {user.email}
           </h2>

components/login.tsx

@@ -3,7 +3,6 @@ import React, { useEffect, useState } from "react";
 import { GoogleOAuthProvider, useGoogleLogin } from "@react-oauth/google";
 import axios from "axios";
 import { GOOGLE_CLIENT_ID } from "@/private/secrets";
-import Cookies from 'js-cookie';
 
 interface User {
   name: string;
@@ -19,8 +18,6 @@ const LoginPage = () => {
 };
 
 const LoginComponent = () => {
-  const [user, setUser] = useState<User | null>(null);
-
   useEffect(() => {
     console.log("LoginPage component mounted");
   }, []);
@@ -30,9 +27,8 @@ const LoginComponent = () => {
 
     onSuccess: (tokenResponse) => {
       console.log(tokenResponse);
-      // Store authentication token
+      // Store authentication token in the browser's storage for navigation bar use
       sessionStorage.setItem("token", tokenResponse.access_token);
-
       // Redirect the user to main page
       window.location.href = "/";
       //handleLoginSuccess