From 1ba952eda9fe2b5be2cb2dfe3d0b4f355382a5e0 Mon Sep 17 00:00:00 2001
From: jxmoose <justin.xue7@gmail.com>
Date: Fri, 5 Apr 2024 03:20:59 -0700
Subject: [PATCH] removed category from table and small fixes

---
 database.types.ts                             |  0
 src/app/exhibitsPage/page.tsx                 | 20 ++++++++++---------
 .../userComponents/Exhibit/Exhibit.tsx        | 12 +++++------
 3 files changed, 17 insertions(+), 15 deletions(-)
 delete mode 100644 database.types.ts

diff --git a/database.types.ts b/database.types.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/exhibitsPage/page.tsx b/src/app/exhibitsPage/page.tsx
index 4d0450b..43c0a5c 100644
--- a/src/app/exhibitsPage/page.tsx
+++ b/src/app/exhibitsPage/page.tsx
@@ -66,15 +66,17 @@ function App() {
             </div>
           </div>
         </Link>
-        {exhibits.map(exhibit => (
-          <Exhibit
-            title={exhibit.title}
-            description={exhibit.description}
-            image={exhibit.image || ''}
-            key={exhibit.id}
-            id={exhibit.id}
-          />
-        ))}
+        <ul>
+          {exhibits.map(exhibit => (
+            <Exhibit
+              title={exhibit.title}
+              description={exhibit.description}
+              image={exhibit.image || ''}
+              key={exhibit.id}
+              id={exhibit.id}
+            />
+          ))}
+        </ul>
       </div>
     </div>
   );
diff --git a/src/components/userComponents/Exhibit/Exhibit.tsx b/src/components/userComponents/Exhibit/Exhibit.tsx
index 69d88f9..59003ab 100644
--- a/src/components/userComponents/Exhibit/Exhibit.tsx
+++ b/src/components/userComponents/Exhibit/Exhibit.tsx
@@ -56,21 +56,21 @@ export default function Exhibit({
   id: string;
 }) {
   return (
-    <ul key={id}>
+    <li key={id}>
       <div className="w-[100%] px-4 pt-6 pb-7 bg-mint-cream rounded flex-col justify-start items-start gap-2.5 inline-flex mt-6">
         <div className="flex-col justify-start items-start gap-5 flex">
           <div className="justify-start items-center gap-2 inline-flex">
-            <div className="text-neutral-700 text-lg font-bold font-['Lato']">
+            <h2 className="text-neutral-700 text-lg font-bold font-['Lato']">
               {' '}
               {title}
-            </div>
+            </h2>
           </div>
-          <div className="text-black text-base font-light font-['Lato']">
+          <p className="text-black text-base font-light font-['Lato']">
             {description}
-          </div>
+          </p>
           <Image src={image} alt="Exhibit" width={354} height={150} />
         </div>
       </div>
-    </ul>
+    </li>
   );
 }