From 473856a0f2a1f643cf73abeaaffcabfa54569112 Mon Sep 17 00:00:00 2001
From: Ninad-S <144244166+Ninad-S@users.noreply.github.com>
Date: Tue, 19 Nov 2024 08:50:05 -0600
Subject: [PATCH] Update ClubSearch.tsx

Made the search page use the horizontal club card component when searching for clubs.
---
 src/app/directory/search/ClubSearch.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/directory/search/ClubSearch.tsx b/src/app/directory/search/ClubSearch.tsx
index 3845275..9bd9b21 100644
--- a/src/app/directory/search/ClubSearch.tsx
+++ b/src/app/directory/search/ClubSearch.tsx
@@ -2,7 +2,7 @@
 import { api } from '@src/trpc/react';
 import type { SelectClub as Club } from '@src/server/db/models';
 import { type Session } from 'next-auth';
-import ClubCard from '@src/components/club/ClubCard';
+import HorizontalClubCard from '@src/components/club/HorizontalClubCard';
 
 interface ClubSearchComponentProps {
   userSearch: string;
@@ -30,9 +30,9 @@ export const ClubSearchComponent = ({
   }
 
   return (
-    <div className="grid w-full auto-rows-fr grid-cols-[repeat(auto-fill,320px)] justify-center gap-16 pb-4">
+    <div className="flex flex-col w-full gap-4 pb-4">
       {data.map((club: Club) => (
-        <ClubCard key={club.id} club={club} session={session} priority />
+        <HorizontalClubCard key={club.id} club={club} session={session} />
       ))}
     </div>
   );