Skip to content

Conversation

@Yosuke-95
Copy link
Collaborator

@Yosuke-95 Yosuke-95 commented Jan 14, 2026

Change Summary

  • Create an event page that allows users to see a summary of all future and past events hosted by the club.
  • The page have a toggle that can be used to switch between viewing past and future events
  • Each event card contain the cover photo, name, date, location and description of the relevant event

Change Form

  • The pull request title has an issue number
  • The change works by "Smoke testing" or quick testing
  • The change has tests
  • The change has documentation- not sure if anything is needed to document

Other Information

N/A

Related issue

@SafetyInObscurity SafetyInObscurity self-requested a review January 14, 2026 10:26
Copy link
Contributor

@laurenpudz laurenpudz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking really really great! Just a few super minor comments. Keep up the great work :)

return (
<>
<header className="sticky top-0 flex h-24 w-full flex-wrap items-center justify-center rounded-md border-b border-border/20 bg-background px-20 font-jersey10">
<header className="sticky top-0 z-50 flex h-24 w-full flex-wrap items-center justify-center rounded-md border-b border-border/20 bg-background px-20 font-jersey10">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you please remove the z-50 here? James will fix it in a separate PR :)

return (
<main className="mx-auto min-h-dvh max-w-6xl px-6 py-16 md:px-20">
<h1 className="mb-8 font-jersey10 text-4xl text-primary">Events</h1>
<p>No events available.</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be a good idea to still have the toggle displayed here even if no events are available. This way users can easily flip the toggle to see events instead of having to navigate back to access the toggle

<div className="flex gap-6 md:gap-10">
<div className="relative w-14 flex-shrink-0 md:w-20">
<div className="text-2xl font-semibold text-gray-200 md:text-3xl">
{year}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this was supposed to be in monospace according to the figma

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Events page

5 participants