Skip to content

Chelsea Calendar Component - #140

Merged
Arsh-S merged 42 commits into
mainfrom
chelsea-calendar
Oct 27, 2026
Merged

Arsh-S merged 42 commits into
mainfrom
chelsea-calendar

Conversation

@chelsea-she

@chelsea-she chelsea-she commented Apr 21, 2026 •

Copy link
Copy Markdown
Contributor

Implemented Olivia's initial designs of the calendar:

https://www.figma.com/design/gSYFQJoDUuTdO4arfU2U4l/-Olivia-L.--CURaise-Working-File?node-id=4001-317&p=f&t=kYYfl21qV3r1EBcu-0

  • have the shadcn small Calendar on the left and a large react-big-calendar component on the right
  • added an organization filtering table
  • have both a mobile and web view of the cite (limiting the number of organizations you can check off based on the width so the calendar events don't look too squished)

FUTURE TODOs:

  • figure out what to do with more organizations with the organization filter table (maybe have users manually add organizations they want to see?)
  • initially I set the organizations toggled based on what the user is an admin for, but we might want to add a favorites list of organizations that the user likes
Screen.Recording.2026-04-21.at.12.08.23.PM.mov

@vercel

vercel Bot commented Apr 21, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
curaise Ready Ready Preview Oct 27, 2026 9:03pm UTC

@CLAassistant

CLAassistant commented Apr 21, 2026 •

Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
0 out of 4 committers have signed the CLA.

❌ olilee2024
❌ Chelsea She
❌ 8ddieHu0314
❌ Arsh-S


Chelsea She seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You have signed the CLA already but the status is still pending? Let us recheck it.

@chelsea-she

chelsea-she commented May 3, 2026 •

Copy link
Copy Markdown
Contributor Author

VERSION 2 UPDATE:
made it more in sync with Olivia's design including hiding the left sidebar to make room for a custom event card on the right sidebar for week and day views
also made the cards more readable even with overlap, allowing more orgs to be toggled (desktop = 5, phone = 3)

FUTURE IMPLEMENTATION:
Some way to save past organization toggles that users prefer so we can generate that (instead of defaulting toggling to the organizations the user is an admin for)
Figure out how to auto-generate colors/cycle again through the preset colors for the organization filters when there is more than the number of organizations than the preset colors. (also maybe a search bar??)

Screen.Recording.2026-05-03.at.1.30.05.AM.mov

@8ddieHu0314

Copy link
Copy Markdown
Member
  • Grid / calendar toggle on the browse page, with the selected date kept when switching views
  • Filter bar: Clubs dropdown (search, More/Less, Clear All) with removable chips; filters both grid and calendar. Items section is UI only for now
  • Calendar layout: Figma spacing, grid-based card, always-visible mini calendar, grey page background
  • Week / Day view: Figma pickup blocks and "Pre-Order Form" bars, same-time pickups merged into one block, opens at 10 AM, overlapping pickups cascade like Google Calendar
  • Month view: pickups only, compact times (11AM), unpadded dates, green today marker
  • Event card replaces the side panel and opens next to the clicked event
  • Past events stay visible in the calendar (still hidden in grid)
  • Club colors are consistent across the filter, chips and calendar
  • Browse is public: removed the unused user-organization fetch and session requirement
CURaise.Browse.Demo.mp4

@coderabbitai

coderabbitai Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: Organization UI
  • Review profile: QUIET
  • Plan: Advanced
  • Run ID: 74a5fec7-8a3e-4e53-9b92-0a9b7f405484

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@Arsh-S
Arsh-S merged commit a4558cb into main Oct 27, 2026
5 checks passed
@Arsh-S
Arsh-S deleted the chelsea-calendar branch October 27, 2026 21:06

This branch was successfully deployed

1 active deployment
Preview — 7ed7a89b Deployed Oct 27, 2026 by vercel[bot]
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.

5 participants