Skip to content

Commit

Permalink
prettier changes
Browse files Browse the repository at this point in the history
  • Loading branch information
jxmoose committed Mar 17, 2024
1 parent 19022f5 commit f80cdb8
Show file tree
Hide file tree
Showing 4 changed files with 394 additions and 375 deletions.
27 changes: 21 additions & 6 deletions src/app/exhibitsPage/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,20 +45,35 @@ function App() {
}, [exhibits]);
return (
<div className="bg-ivory">
<NavBar/>
<NavBar />
<div className="p-4 m-auto">
<BackButton/>
<BackButton />
<div className="flex-col justify-start items-start mb-6 mt-3">
<div className="text-night text-neutral-700 text-[32px] font-bold leading-9 font-['Lato'] mb-4">Our Exhibits </div>
<div className="text-night text-neutral-700 text-base leading-5 font-light font-['Lato']">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.</div>
<div className="text-night text-neutral-700 text-[32px] font-bold leading-9 font-['Lato'] mb-4">
Our Exhibits{' '}
</div>
<div className="text-night text-neutral-700 text-base leading-5 font-light font-['Lato']">
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.
</div>
</div>
<Link href="/siteMapPage">
<div className="px-4 py-2 rounded-md border border-asparagus justify-start items-start gap-2.5 inline-flex">
<div className="text-center text-asparagus text-base font-bold font-['Lato'] leading-tight">Go to Map</div>
<div className="text-center text-asparagus text-base font-bold font-['Lato'] leading-tight">
Go to Map
</div>
</div>
</Link>
{exhibits.map(exhibit => (
<Exhibit title={exhibit.title} description={exhibit.description} image={exhibit.image || ''} key={exhibit.id} id={exhibit.id}/>
<Exhibit
title={exhibit.title}
description={exhibit.description}
image={exhibit.image || ''}
key={exhibit.id}
id={exhibit.id}
/>
))}
</div>
</div>
Expand Down
49 changes: 27 additions & 22 deletions src/components/userComponents/Exhibit/Exhibit.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,27 +12,32 @@ import Image from 'next/image';
* @returns exhibit component
*/
export default function Exhibit({
title,
description,
image,
id,
}: {
title: string;
description: string;
image: string;
id: string;
}) {
return (
<ul 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']"> {title}</div>
</div>
<div className="text-black text-base font-light font-['Lato']">{description}</div>
<Image src={image} alt="Exhibit" width={354} height={150}/>
title,
description,
image,
id,
}: {
title: string;
description: string;
image: string;
id: string;
}) {
return (
<ul 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']">
{' '}
{title}
</div>
</div>
<div className="text-black text-base font-light font-['Lato']">
{description}
</div>
<Image src={image} alt="Exhibit" width={354} height={150} />
</div>
</ul>
);
}
</div>
</ul>
);
}
5 changes: 2 additions & 3 deletions src/supabase/tour_displays/queries.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,8 @@ export async function fetchMatchingTourDisplayIdsfromSpotlight(tourId: string) {
* @returns given a spotlight ID, get all the displays
*/
export async function fetchDisplayfromSpotlight(spotlightId: string) {
const displayIds: string[] = await fetchMatchingTourDisplayIdsfromSpotlight(
spotlightId,
);
const displayIds: string[] =
await fetchMatchingTourDisplayIdsfromSpotlight(spotlightId);
const displays: DisplayRow[] = await fetchDisplaysfromIds(displayIds);
return displays;
}
Expand Down
Loading

0 comments on commit f80cdb8

Please sign in to comment.