Skip to content

feat: restyle and sort meeting cards#526

Merged
ethancha0 merged 10 commits into
mainfrom
aa/style-and-sort-meeting-cards
May 25, 2026
Merged

feat: restyle and sort meeting cards#526
ethancha0 merged 10 commits into
mainfrom
aa/style-and-sort-meeting-cards

Conversation

@Windslash123
Copy link
Copy Markdown
Contributor

@Windslash123 Windslash123 commented May 19, 2026

Description

  • sort meetings in order of action required (add availability, then schedule a meeting), upcoming meetings, scheduled but not upcoming, and the rest
  • restyle meeting cards based on figma
  • make entire card clickable
  • used upcoming and past filters, upcoming is default instead of all now
  • test mobile
  • delete dead hardcoded groups display
  • check for any duplicated logic for time/badges

Recording/Screenshots

image
Screen.Recording.2026-05-19.at.5.37.21.PM.mov

Test Plan

Issues

@Windslash123 Windslash123 temporarily deployed to staging-526 May 19, 2026 02:08 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 19, 2026 02:08 Inactive
@Windslash123 Windslash123 changed the title Aa/style and sort meeting cards feat: restyle and sort meeting cards May 19, 2026
Windslash123 and others added 3 commits May 19, 2026 17:01
* chore: 🔧 pull notifs into page

* chore: 🔧 create mobile notif drawer

* chore: 🔧 hook notifs up into groups and meetings

* chore: 🔧 hook meetings up to notifs

* chore: 🔧 add select all / mark as read functions

* chore: 🔧 use styled components, remove sx

* fix: 🐛 only render finished message when no unreads

* chore: 🔧 only render mark as read when notifs are selected

* fix: 🐛 merge conflict typo

* fix: 🐛 duplicate groups headers, add indicator for notifs

* fix: 🐛 realign headers

* chore: 🔧 switch from iconbutton to MUI button (remove boxshadow)

* refactor: ♻️ pull out notif utils/actions

* refactor: ♻️ use inline sx and use MUIBottomSheet

* style: 🎨 buttons

---------

Co-authored-by: Arshia Aravinthan <aravinta@uci.edu>
Co-authored-by: ethancha0 <ethanchao2005@gmail.com>
* fix: 🐛 non-admins can now invite members to meetings on desktop

* fix: 🐛 verify that user is a meeting member or host before allowing them to invite others

* feat: ✨ hosts can toggle whether members are allowed to invite others to a meeting

* fix: 🐛 updated earlier membership check logic for inviting members

* fix: 🐛 disable toggle while invite permissions are being updated in the DB

* feat: ✨ revalidatePath, consolidated types

---------

Co-authored-by: ethancha0 <ethanchao2005@gmail.com>
@Windslash123 Windslash123 temporarily deployed to staging-526 May 20, 2026 00:03 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 20, 2026 00:03 Inactive
@Windslash123 Windslash123 temporarily deployed to staging-526 May 20, 2026 00:11 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 20, 2026 00:12 Inactive
@Windslash123 Windslash123 temporarily deployed to staging-526 May 20, 2026 00:15 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 20, 2026 00:15 Inactive
@Windslash123 Windslash123 marked this pull request as ready for review May 20, 2026 00:38
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

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

1 issue found across 8 files

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

Comment thread src/components/summary/meetings.tsx Outdated
Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>
@Windslash123 Windslash123 temporarily deployed to staging-526 May 20, 2026 00:41 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 20, 2026 00:41 Inactive
@ethancha0 ethancha0 temporarily deployed to staging-526 May 20, 2026 03:23 — with GitHub Actions Inactive
@ethancha0 ethancha0 self-requested a review May 20, 2026 03:23
@github-actions github-actions Bot temporarily deployed to staging-526 May 20, 2026 03:23 Inactive
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

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

2 issues found across 5 files (changes from recent commits).

Tip: Review your code locally with the cubic CLI to iterate faster.

Re-trigger cubic

Comment thread src/components/summary/meetings.tsx Outdated
Comment thread src/server/data/meeting/queries.ts Outdated
Copy link
Copy Markdown
Collaborator

@ethancha0 ethancha0 left a comment

Choose a reason for hiding this comment

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

Hey Arshia, the code looks great! I just pushed a change that consolidates some code into a .utils.ts file.

I did notice an edge case where the meeting card still requests availability when the user has only inputted "if-needed" blocks.

Other than this, should be ready to merge! Thanks you for your continued hard work with this and the many other PRs you've been working on!

@ethancha0
Copy link
Copy Markdown
Collaborator

Screen.Recording.2026-05-19.at.8.21.29.PM.mov

@ethancha0
Copy link
Copy Markdown
Collaborator

note: the meeting card properly detects if a user has filled availability if at least one availabe block is detected.

the video above didn't really capture it well when i went back to the prvious page. (it was fine when i refreshed page). perhaps an added revalidate path (/summary) would solve this

lmk if this was confusing

@Windslash123
Copy link
Copy Markdown
Contributor Author

@ethancha0 The changes you pushed for the card styling moved the drop shadow to the bottom of the banner instead the bottom of the card (per the Figma). Was this intentional?

Current:
image

Figma:
image

@ethancha0
Copy link
Copy Markdown
Collaborator

@ethancha0 The changes you pushed for the card styling moved the drop shadow to the bottom of the banner instead the bottom of the card (per the Figma). Was this intentional?

Current: image

Figma: image

oops was not intentional

@ethancha0 ethancha0 force-pushed the aa/style-and-sort-meeting-cards branch from ac8762e to dd8796f Compare May 25, 2026 00:25
@ethancha0 ethancha0 temporarily deployed to staging-526 May 25, 2026 00:25 — with GitHub Actions Inactive
@github-actions github-actions Bot temporarily deployed to staging-526 May 25, 2026 00:26 Inactive
@ethancha0 ethancha0 merged commit 18f3876 into main May 25, 2026
1 check passed
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.

Sort Meeting Cards + Restyle

3 participants