From 4903e27863740e60f89f7773848518d52f0c63f9 Mon Sep 17 00:00:00 2001
From: Ian Holloway <ian.m.holloway@gmail.com>
Date: Mon, 13 May 2024 23:29:14 -0700
Subject: [PATCH] format all code

---
 README.md                  |  1 +
 app/[location]/page.tsx    | 46 +++++++++++++++++++-------------------
 components/dh_bar_main.tsx | 11 ++++++---
 3 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/README.md b/README.md
index e958fc0..f7c1f14 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,7 @@
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 ## Formatting Code
+
 - For Python code run `black backend/**/*.py`
 - For All other code run `bun run prettier * --write`
 
diff --git a/app/[location]/page.tsx b/app/[location]/page.tsx
index dee79b8..26376e5 100644
--- a/app/[location]/page.tsx
+++ b/app/[location]/page.tsx
@@ -50,29 +50,29 @@ export default function Page({ params }: { params: { location: number } }) {
         <h1 className="font-semibold py-5 text-4xl text-[#003C6C]">
           {location && location.name}
         </h1>
-        {location && location.categories.map((category, i) => (
-          <div key={i}>
-            <h2>{category.name}</h2>
-            {category.sub_categories.map((subCategory, j) => (
-              <div key={j}>
-                <h3>{subCategory.name}</h3>
-                {subCategory.foods.map((food, k) => (
-                  <div key={k}>
-                    <h4>{food.name}</h4>
-                    <ul>
-                      {food.restrictions.map((restrictions, l) => (
-                        // note the restrictions is an array of strings
-                        // this should probably be displayed in a different way for the images
-                        <li key={l}>{restrictions}</li>
-                      ))}
-                    </ul>
-                  </div>
-                ))}
-              </div>
-            ))}
-          </div>
-        ))
-        }
+        {location &&
+          location.categories.map((category, i) => (
+            <div key={i}>
+              <h2>{category.name}</h2>
+              {category.sub_categories.map((subCategory, j) => (
+                <div key={j}>
+                  <h3>{subCategory.name}</h3>
+                  {subCategory.foods.map((food, k) => (
+                    <div key={k}>
+                      <h4>{food.name}</h4>
+                      <ul>
+                        {food.restrictions.map((restrictions, l) => (
+                          // note the restrictions is an array of strings
+                          // this should probably be displayed in a different way for the images
+                          <li key={l}>{restrictions}</li>
+                        ))}
+                      </ul>
+                    </div>
+                  ))}
+                </div>
+              ))}
+            </div>
+          ))}
       </div>
     </main>
   );
diff --git a/components/dh_bar_main.tsx b/components/dh_bar_main.tsx
index c654593..e1d805c 100644
--- a/components/dh_bar_main.tsx
+++ b/components/dh_bar_main.tsx
@@ -1,14 +1,19 @@
 "use client";
 import Link from "next/link";
 
-export default function DhBar({ name, index }: { name: string, index: number }) {
+export default function DhBar({
+  name,
+  index,
+}: {
+  name: string;
+  index: number;
+}) {
   return (
     <div className="flex items-center justify-center pb-4 ">
       <div className="border  hover:border-black w-1/2 px-8 py-3 bg-[#F9F9F9] m4">
         <ul className="flex flex-col md:flex-row font-semibold text-2xl ">
           <li className=" text-[#00458C]">
-            <Link href={`/${index}`}>{name}</Link >
-
+            <Link href={`/${index}`}>{name}</Link>
           </li>
         </ul>
       </div>