added basic navigation to the participants page

Author: phillipnguyenn

client/src/pages/events/[id].tsx

@@ -34,7 +34,7 @@ export default function EventDetailsPage() {
         </Button>
       }
       primaryAction={
-        <Link href={"/home"} className="flex-1">
+        <Link href={"/events/" + id + "/participants"} className="flex-1">
           <Button className="w-full rounded-full">Join Event</Button>
         </Link>
       }

client/src/pages/events/[id]/participants.tsx

@@ -0,0 +1,8 @@
+import { useRouter } from "next/router";
+
+export default function ParticipantsPage() {
+  const router = useRouter();
+  const { id } = router.query;
+
+  return <div>Participants for event {id}</div>;
+}

client/tsconfig.json

@@ -17,6 +17,6 @@
     },
     "target": "ES2017"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "src/pages/events/[id]/.tsx/participants.tsx"],
   "exclude": ["node_modules"]
 }