Updated club page

Author: Ruba466

package-lock.json

@@ -16,7 +16,8 @@
     "next": "^15.3.3",
     "next-pwa": "^5.6.0",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "react-router-dom": "^7.6.2"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",

package.json

@@ -0,0 +1,11 @@
+import { notFound } from 'next/navigation';
+import clubData from '@/components/club/ClubData';
+
+
+export default async function ClubDetailPage({ params }: { params: { slug: string } }) {
+  const { slug } = await Promise.resolve(params); // simulate async destructuring
+
+  const club = clubData.find((c) => c.slug === slug);
+  if (!club) notFound();
+  return <h1>Club Details</h1>;
+}

public/club_image/ieee.jpg

@@ -1,19 +1,5 @@
-//replace with club buttons and stuff accroding to design
-import { BusButtons } from "@/components/Bus/busButton";
-
-const busData = [
-  { slug: 'bus-1', name: 'Bus 1' },
-  { slug: 'bus-2', name: 'Bus 2' },
-  { slug: 'bus-3', name: 'Bus 3' },
-  { slug: 'bus-4', name: 'Bus 4' },
-  { slug: 'bus-5', name: 'Bus 5' },
-  { slug: 'bus-6', name: 'Bus 6' },
-];
-
-export default function BusPage() {
-  return (
-    <div>
-      <BusButtons buses={busData} />
-    </div>
-  );
-}
+'use client';
+import ClubList from "@/components/club/ClubList";
+export default function ClubPage() {
+  return <ClubList/>;
+}