feat: ✨ create summary page

[KevinWu098]

Summary

• Horizontal scrollable cards with groups
• Vertical meeting cards in two tabs: Scheduled, Unscheduled
  • Scheduled Meetings are grouped by date and have an "attending status" radio group
  • Unscheduled Meetings are grouped by start date
• Adds unplugin-icons, as our icon set provider -- I'm using Material Symbols

Desktop:

Mobile:

Issues

Closes #6

Future Followup

1. Shot myself in the foot a bit with how I implemented Group cards, but background images have no separate opacity from text, so that's something I'd like to fix when we delve into Groups more
2. Alert Icons

[KevinWu098]

P.S. I am wondering about what icon library / options are available for SvelteKit, since I didn't see any built into Skeleton

[ap0nia]

unplugin-icons with the @iconify/json icon set if you just want access to all of the icons on this site

[KevinWu098]

Current draft; still experimenting with doing a two-tab view for scheduled v. unscheduled, how to handle recurring meetings etc

[MinhxNguyen7]

P.S. I am wondering about what icon library / options are available for SvelteKit, since I didn't see any built into Skeleton

@ap0nia's seems fine. I don't have an opinion, so do what you think is good @KevinWu098.

Also, next time, if you're looking for a reply from me, tag me. I don't just go through every PR's comments regularly lol.

[KevinWu098]

P.S. I am wondering about what icon library / options are available for SvelteKit, since I didn't see any built into Skeleton

@ap0nia's seems fine. I don't have an opinion, so do what you think is good @KevinWu098.

Also, next time, if you're looking for a reply from me, tag me. I don't just go through every PR's comments regularly lol.

Haha will do; I didn't want to tag ya during finals week, since an icon set wasn't too pressing

[MinhxNguyen7]

Thanks for the consideration, but just tag me 👍. If I'm busy, I'll leave it for later.

[KevinWu098]

Current iteration:

1. Added in an "attendance" button, similar to how Google Calendar/Gmail does it
2. Added in the location as a field

In progress work:

1. Two tabs for scheduled vs unscheduled
2. Handle dead space on wider screens

[MinhxNguyen7]

This looks great! There are just a few things to be ironed out, in addition to the comments:

• Instead of clicking on the card taking you to the meeting page, I think only the meeting name should do that. It's too easy to fat-finger right now, I'd say. Also, we might want the location to link to something in the future.
• On mobile, the meeting card stays highlighted after toggling attendance. The previous point would fix this I'd assume.
• The Scheduled/Unscheduled tabs are misplaced on desktop. Desktop is not a priority, but this should be an easy fix.
• Similarly, the groups carousel should display a small side scrollbar on desktop.

Also, for easier integration, can you create a store for the meetings and groups and inject the boilerplate from there?

All in all, good work!

[KevinWu098]

This looks great! There are just a few things to be ironed out, in addition to the comments:

• Instead of clicking on the card taking you to the meeting page, I think only the meeting name should do that. It's too easy to fat-finger right now, I'd say. Also, we might want the location to link to something in the future.
• On mobile, the meeting card stays highlighted after toggling attendance. The previous point would fix this I'd assume.
• The Scheduled/Unscheduled tabs are misplaced on desktop. Desktop is not a priority, but this should be an easy fix.
• Similarly, the groups carousel should display a small side scrollbar on desktop.

Also, for easier integration, can you create a store for the meetings and groups and inject the boilerplate from there?

All in all, good work!

Aye aye, will do!

[MinhxNguyen7]

@KevinWu098 Although I did say that we should communicate frequently, you don't need to say that you'll address review comments lol. Thanks for the enthusiasm though.

[MinhxNguyen7]

Nice work!

        _    _
     __|_|__|_|__
   _|____________|__
  |o o o o o o o o / 
~'`~'`~'`~'`~'`~'`~'`~