Color events based on hash of ID

NhatMinh0208 / timetable-together

A web app for collaborative timetabling and scheduling. Part of Orbital 24 (Last Minute Pickup)

https://timetable-together.vercel.app

2 stars 0 forks source link

Color events based on hash of ID #23

Closed keyansheng closed 4 months ago

keyansheng commented 4 months ago

Resolves #11

Event colors are dynamic and Tailwind is unable to generate classes for them at build time, so inline styles or other methods are needed to apply dynamically generated colors at runtime

https://v2.tailwindcss.com/docs/just-in-time-mode#arbitrary-value-support

[x] generate and apply color based on event ID
[x] adjust opacity based on isActive and hover states

vercel[bot] commented 4 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
timetable-together	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 7, 2024 2:08pm

NhatMinh0208 commented 4 months ago

@keyansheng seems like session blocks on the calendar are not colored yet - can you apply the same colors from the event tab to the calendar?

NhatMinh0208 commented 4 months ago

It will be somewhat more complicated because you need to handle events that are from followed users. I think a global color map might work here?

keyansheng commented 4 months ago

@keyansheng seems like session blocks on the calendar are not colored yet - can you apply the same colors from the event tab to the calendar?

Oops, I think I totally missed the blocks on the actual timetable since I didn't scroll to see them

NhatMinh0208 commented 4 months ago

Sorry for the delay, checking this now