From bf6492426c1620a3e329a9f54f457f7d800ecdcd Mon Sep 17 00:00:00 2001
From: Josh Heng <josh@joshheng.co.uk>
Date: Tue, 28 May 2024 18:46:41 +0100
Subject: [PATCH] :sparkles: Make venue page pretty

---
 src/app/venues/[slug]/page.tsx |  2 +-
 src/app/venues/page.tsx        | 21 +++++++++------------
 src/lib/venues.ts              | 15 ++++++++++++++-
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/app/venues/[slug]/page.tsx b/src/app/venues/[slug]/page.tsx
index ebd4516..a11b9df 100644
--- a/src/app/venues/[slug]/page.tsx
+++ b/src/app/venues/[slug]/page.tsx
@@ -56,7 +56,7 @@ export default async function Venue({
       <p>{venue.description}</p>
       {venue.campus_map_url && (
         <a href={venue.campus_map_url} className="text-accent" target="_blank">
-          Campus Map
+          View on Campus Map
         </a>
       )}
 
diff --git a/src/app/venues/page.tsx b/src/app/venues/page.tsx
index 6712bb8..21edbc5 100644
--- a/src/app/venues/page.tsx
+++ b/src/app/venues/page.tsx
@@ -35,14 +35,6 @@ export default async function Venues() {
           </strong>{' '}
           across our <strong>{venues.length} venues</strong>.
         </p>
-        <p>
-          You can find our full weekend&apos;s schedule here or in our printed
-          programmes - simply head to one of our{' '}
-          <a href="/venues" className="text-accent">
-            venues
-          </a>{' '}
-          to pick one up!
-        </p>
         <div className="flex gap-2 justify-center flex-wrap m-4 mt-2">
           <a
             href="/events"
@@ -61,15 +53,20 @@ export default async function Venues() {
         </div>
       </div>
 
-      <div className="flex gap-4 flex-wrap justify-center">
+      <div className="max-w-7xl mx-auto px-4 flex gap-4 flex-wrap justify-center">
         {venues.map((venue) => (
           <a
             key={venue.id}
             href={`/venues/${venue.slug || ''}`}
-            className="hover:scale-105"
+            className="hover:scale-105 bg-accent"
           >
-            <article className="bg-secondary p-4">
-              <h3 className="uppercase text-lg">{venue.name}</h3>
+            <article className="p-4 text-black max-w-64">
+              <h3 className="uppercase text-lg font-bold">{venue.name}</h3>
+              <p className="uppercase text-xs font-bold">
+                {venue._count.schedule_eventinstance} Event
+                {venue._count.schedule_eventinstance === 1 ? '' : 's'}
+              </p>
+              <p className="text-sm mt-1">{venue.description}</p>
             </article>
           </a>
         ))}
diff --git a/src/lib/venues.ts b/src/lib/venues.ts
index 50be503..cd39961 100644
--- a/src/lib/venues.ts
+++ b/src/lib/venues.ts
@@ -1,7 +1,20 @@
 import prisma from '@/lib/prisma';
 
 export function getVenues() {
-  return prisma.schedule_venue.findMany();
+  return prisma.schedule_venue.findMany({
+    include: {
+      _count: {
+        select: {
+          schedule_eventinstance: {
+            where: {
+              published: true,
+              parent_id: null,
+            },
+          },
+        },
+      },
+    },
+  });
 }
 
 export function getVenueCount() {