Added new documentation

app/foods/[food]/page.tsx

@@ -28,9 +28,9 @@ export default function Page({ params }: { params: { food: string } }) {
       >,
       i,
     ) => [
-        category as string,
-        (<Component key={i} food={food} />) as JSX.Element,
-      ],
+      category as string,
+      (<Component key={i} food={food} />) as JSX.Element,
+    ],
   );
 
   useEffect(() => {
@@ -53,9 +53,7 @@ export default function Page({ params }: { params: { food: string } }) {
 
   return (
     <main className="flex flex-col items-center">
-      <h1 className="font-normal py-4 text-2xl text-[#003C6C]">
-        {food.name}
-      </h1>
+      <h1 className="font-normal py-4 text-2xl text-[#003C6C]">{food.name}</h1>
       <ul className="flex font-medium text-2xl text-[#003C6C] items-center justify-center pb-5">
         {tabs.map(([category, _]: Array<string | JSX.Element>, i) => (
           <li key={i} className="">

app/global_search/page.tsx

@@ -4,7 +4,7 @@ import axios from "axios";
 import Image from "next/image";
 import Link from "next/link";
 import styles from "./Search.module.css";
-import { fetchLocations } from "@/app/db";
+import { fetchLocations } from "@/app/requests";
 import { Location, Food } from "@/interfaces/Location";
 
 interface FoodWithCategory {
@@ -41,40 +41,40 @@ const GlobalSearch = () => {
     () => {
       const storedRestrictions = localStorage.getItem("selectedRestrictions");
       return storedRestrictions ? JSON.parse(storedRestrictions) : [];
-    }
+    },
   );
   const [filterApplied, setFilterApplied] = useState<boolean>(false);
 
   useEffect(() => {
     fetchLocations().then((locations: Location[]) => {
       setLocations(locations);
 
-      const allFoods = locations.flatMap(location =>
-        location.categories.flatMap(category =>
-          category.sub_categories.flatMap(subCategory =>
-            subCategory.foods.map(food => ({
+      const allFoods = locations.flatMap((location) =>
+        location.categories.flatMap((category) =>
+          category.sub_categories.flatMap((subCategory) =>
+            subCategory.foods.map((food) => ({
               food: food,
               category: category.name,
-              diningHall: location.name // Added dining hall name
-            }))
-          )
-        )
+              diningHall: location.name, // Added dining hall name
+            })),
+          ),
+        ),
       );
       setFoods(allFoods);
     });
   }, []);
 
   const searchForFood = (food_name: string) => {
-    const foundFoods = foods.filter(foodWithCategory =>
+    const foundFoods = foods.filter((foodWithCategory) =>
       foodWithCategory.food.name
         .toLowerCase()
-        .includes(food_name.toLowerCase())
+        .includes(food_name.toLowerCase()),
     );
 
     const filteredFoods = foundFoods.filter(({ food }) =>
-      selectedRestrictions.every(restriction =>
-        food.restrictions.includes(restriction)
-      )
+      selectedRestrictions.every((restriction) =>
+        food.restrictions.includes(restriction),
+      ),
     );
 
     setFoundFoods(filteredFoods);
@@ -87,11 +87,11 @@ const GlobalSearch = () => {
   const handleRestrictionChange = (restriction: string, checked: boolean) => {
     const newRestrictions = checked
       ? [...selectedRestrictions, restriction]
-      : selectedRestrictions.filter(r => r !== restriction);
+      : selectedRestrictions.filter((r) => r !== restriction);
     setSelectedRestrictions(newRestrictions);
     localStorage.setItem(
       "selectedRestrictions",
-      JSON.stringify(newRestrictions)
+      JSON.stringify(newRestrictions),
     );
   };
 
@@ -109,14 +109,14 @@ const GlobalSearch = () => {
             Global Search
           </h1>
         </div>
-  
+
         <div className={styles.flexCenter}>
           <div className="search-bar flex justify-center items-center mb-2">
             <input
               type="text"
               placeholder="Search foods..."
               className="border border-gray-400 p-2 rounded"
-              onChange={e => setSearchInput(e.target.value)}
+              onChange={(e) => setSearchInput(e.target.value)}
             />
             <button
               onClick={() => searchForFood(searchInput)}
@@ -126,7 +126,7 @@ const GlobalSearch = () => {
             </button>
           </div>
         </div>
-  
+
         <div className={styles.flexCenter}>
           <button
             onClick={toggleFilterPopup}
@@ -143,7 +143,7 @@ const GlobalSearch = () => {
                 Filter by Restrictions
               </h2>
               <div className="flex flex-wrap">
-                {restrictions.map(restriction => (
+                {restrictions.map((restriction) => (
                   <div
                     key={restriction}
                     className="flex items-center mr-4 mb-2"
@@ -153,7 +153,7 @@ const GlobalSearch = () => {
                       id={restriction}
                       className="mr-2"
                       checked={selectedRestrictions.includes(restriction)}
-                      onChange={e =>
+                      onChange={(e) =>
                         handleRestrictionChange(restriction, e.target.checked)
                       }
                     />
@@ -200,7 +200,8 @@ const GlobalSearch = () => {
                 >
                   <h4 className="px-2">{foodWithCategory.food.name}</h4>
                   <h5 className="font-normal text-gray-400 px-2">
-                    {foodWithCategory.category} @ {foodWithCategory.diningHall} {/* Added dining hall name */}
+                    {foodWithCategory.category} @ {foodWithCategory.diningHall}{" "}
+                    {/* Added dining hall name */}
                   </h5>
                 </Link>
                 <ul className="flex flex-row mr-3">
@@ -214,17 +215,16 @@ const GlobalSearch = () => {
                           height={25}
                         />
                       </li>
-                    )
-                  )}                
-                   </ul>
-                  </div>
-                ))
-              )}
-            </div>
-          </div>
-        </main>
-      );
-    };
-
-    export default GlobalSearch;
-
+                    ),
+                  )}
+                </ul>
+              </div>
+            ))
+          )}
+        </div>
+      </div>
+    </main>
+  );
+};
+
+export default GlobalSearch;

app/layout.tsx

@@ -25,10 +25,12 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={monst.className}>
-        <Navbar height={navbarHeight} />
-        <div className="" style={{ paddingTop: navbarHeight }}>
-          {children}
+      <body className="font-sans">
+        <div className={`${monst.className}`}>
+          <Navbar height={navbarHeight} />
+          <div className="" style={{ paddingTop: navbarHeight }}>
+            {children}
+          </div>
         </div>
       </body>
     </html>

app/locations/[location]/DH_Search/page.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import Image from "next/image";
 import Link from "next/link";
 
-import { fetchLocations } from "@/app/db";
+import { fetchLocations } from "@/app/requests";
 import { Location, Food } from "@/interfaces/Location";
 
 interface FoodWithCategory {

app/locations/[location]/page.tsx

@@ -1,13 +1,16 @@
 "use client";
-import { fetchLocations, fetchFoodReviewsBulk } from "@/app/db";
+import {
+  fetchLocations,
+  fetchFoodReviewsBulk,
+  fetchUserInfo,
+} from "@/app/requests";
 import { Location } from "@/interfaces/Location";
 import { FrontEndReviews } from "@/interfaces/Review";
 
 import { useState, useEffect } from "react";
 
 import LocationCategories from "@/components/location/categories";
 import Link from "next/link";
-import { fetchUserInfo } from "@/app/user_info";
 
 export default function Page({ params }: { params: { location: number } }) {
   const [location, setLocation] = useState<Location | null>(null);

app/page.tsx

@@ -1,6 +1,6 @@
 "use server";
 
-import { fetchLocations } from "@/app/db";
+import { fetchLocations } from "@/app/requests";
 import LocationsClient from "@/components/LocationsClient";
 import { Location } from "@/interfaces/Location";
 

app/profile/page.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { useEffect, useState } from "react";
 import { googleLogout } from "@react-oauth/google";
 import axios from "axios";
-import { fetchUserInfo } from "@/app/user_info";
+import { fetchUserInfo } from "@/app/requests";
 
 interface User {
   name: string;
@@ -68,4 +68,4 @@ const Page = () => {
   );
 };
 
-export default Page;
+export default Page;

app/db.ts → app/requests.ts

@@ -49,3 +49,31 @@ export async function updateReview(data: {
 
   return res.data;
 }
+
+export async function fetchUserInfo() {
+  try {
+    const access_token = sessionStorage.getItem("token");
+
+    if (!access_token) {
+      throw new Error("No access token found in session storage.");
+    }
+
+    const response = await axios.get(
+      "https://www.googleapis.com/oauth2/v3/userinfo",
+      {
+        headers: { Authorization: `Bearer ${access_token}` },
+      },
+    );
+
+    const userInfo = response.data;
+
+    return {
+      name: userInfo.name,
+      email: userInfo.email,
+      picture: userInfo.picture,
+    };
+  } catch (error) {
+    console.error("Error fetching user info:", error);
+    throw error; // Re-throw the error so it can be handled by the calling code
+  }
+}

app/user_info.ts

@@ -1,30 +1,2 @@
 "use client";
 import axios from "axios";
-
-export const fetchUserInfo = async () => {
-  try {
-    const access_token = sessionStorage.getItem("token");
-
-    if (!access_token) {
-      throw new Error("No access token found in session storage.");
-    }
-
-    const response = await axios.get(
-      "https://www.googleapis.com/oauth2/v3/userinfo",
-      {
-        headers: { Authorization: `Bearer ${access_token}` },
-      },
-    );
-
-    const userInfo = response.data;
-
-    return {
-      name: userInfo.name,
-      email: userInfo.email,
-      picture: userInfo.picture,
-    };
-  } catch (error) {
-    console.error("Error fetching user info:", error);
-    throw error; // Re-throw the error so it can be handled by the calling code
-  }
-};

backend/api/views.py

@@ -199,6 +199,7 @@ def upload_image(request):
         # Return a JSON response with an error message if no image is provided or method is not POST
         return JsonResponse({"success": False, "message": "Image upload failed"})
 
+
 # @api_view(["GET"])
 # def get_user_rating(request):
 #     user = get_rating(request.user_ids)