feat: Shift schedule page #69
Conversation
|
How the schedule table will look on small screens might also change. Currently, the shift schedule table is set to put each day in it's own table, and you can scroll down to check the schedule for every day (on the left). It's also been suggested to have a button that takes you to every day (would look something like on the right). |
I actually liked the one with the buttons for each day here. It does not matter that much though |
|
One thing I also forgot to mention is that there may be some missing aria labels, so if you have any interactive elements (buttons, links etc...) that does somehting and the text in the element is not descriptive enough it may be smart to add an aria-label |
There was a problem hiding this comment.
We're getting very close to this being ready.
There are some quirks when using conditionals in React, so it may be useful to take a look at https://react.dev/learn/conditional-rendering, especially the part about the && operator.
The solution for getting timestamps in ScheduleTable is quite wordy (even though it is the least wordy version of that approach), but I don't think there is any way to get that even cleaner, as least not without using some kind of additonal library for dates.
I've made some progress on the front-end of the shift-schedule page, issue #34. The shift schedule table displays how many members are on shift for every day and time, and when pressing one of the shifts you can see who's on shift and have the option to register for it. There is also an administrator menu where members with the correct permission would be able to clear the shift schedule.
Changes before issue can be closed:
Create Icons for skills and link them to skills from the DB #63