removed category from table and small fixes

calblueprint · Apr 7, 2024 · 1ba952e · 1ba952e
1 parent 7f28513
commit 1ba952e
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 15 deletions.
diff --git a/database.types.ts b/database.types.ts
diff --git 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
@@ -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>
   );
 }