diff --git a/src/app/exhibitsPage/page.tsx b/src/app/exhibitsPage/page.tsx index 4659101b..ba54ab22 100644 --- a/src/app/exhibitsPage/page.tsx +++ b/src/app/exhibitsPage/page.tsx @@ -1,10 +1,12 @@ 'use client'; import React, { useEffect, useState } from 'react'; +import Link from 'next/link'; import { IoIosArrowRoundBack } from 'react-icons/io'; import NavBar from '../../components/userComponents/navBar/navBar'; import { ExhibitRow } from '../../types/types'; import { fetchAllExhibits } from '../../supabase/exhibits/queries'; +import Exhibit from '../../components/userComponents/Exhibit/Exhibit'; /** * @param evt on click of button @@ -21,7 +23,7 @@ function goBack(evt: React.SyntheticEvent) { */ function BackButton() { return ( - @@ -42,14 +44,22 @@ function App() { getExhibits(); }, [exhibits]); return ( -
+
-
+
-
-
Our Exhibits
-
Saratoga is home to an abundance of plant and animal life. As you explore these exhibits you will learn about species that are endangered and being carefully monitored by scientists with protective efforts in place.
+
+
Our Exhibits
+
Saratoga is home to an abundance of plant and animal life. As you explore these exhibits you will learn about species that are endangered and being carefully monitored by scientists with protective efforts in place.
+ +
+
Go to Map
+
+ + {exhibits.map(exhibit => ( + + ))}
); diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 17783cd7..e3eb0905 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -14,6 +14,7 @@ export const metadata: Metadata = { * * @param root0 * @param root0.children + * @returns head of page */ export default function RootLayout({ children, @@ -29,6 +30,12 @@ export default function RootLayout({ integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossOrigin="" /> +