worldcubeassociation.org icon indicating copy to clipboard operation
worldcubeassociation.org copied to clipboard

Rewrite the new competitions overview table as actual <Table>

Open gregorbg opened this issue 9 months ago • 7 comments

Instead of focusing on List Items that imitate the existing overview down to the precise CSS classes, I think a table (as in, an actual HTML table element) makes more sense. It gives us more potential to expand features, makes it easier to add columns, can possibly support sorting by clicking on the header row, etc...

gregorbg avatar May 07 '24 17:05 gregorbg

image

gregorbg avatar May 07 '24 17:05 gregorbg

What does this change look like on mobile?

coder13 avatar May 07 '24 18:05 coder13

Like this! image

gregorbg avatar May 07 '24 19:05 gregorbg

  1. I feel like there should be a separate loading indicator per table.

image

  1. If it loads some competitions, then I play around with filters, I get a similar loading view as the original page load (above), except now the "v 0" tags are present. The inconsistency feels weird to me.

image

  1. The icon makes me think that clicking it will scroll me down. I think a more standard thing to do is "20+"?

image

  1. There seems to be a bug where selecting "All" events includes 333mbo and the other old events, so if I click "All" then start turning off individual events until they're all off, no competitions show up. Not related to this PR, though.

image

kr-matthews avatar May 10 '24 23:05 kr-matthews

  1. I was playing around with ordering (by announcement, then present, then recent) and got a crash to do with trying to .map something undefined. But I can't reproduce...

  2. I think the icons would look better if they were left-aligned.

image

kr-matthews avatar May 10 '24 23:05 kr-matthews

Thanks for the extensive review including screenshots! I've tried to address most of your concerns, the bugfix for the ".map something undefined" crash is just a vague guess though as long as there is no clear reconstruction

gregorbg avatar May 11 '24 14:05 gregorbg

Screenshots of the current working state:

Desktop

image

Tablet

image

Mobile

image

gregorbg avatar May 13 '24 14:05 gregorbg

However, I'm not seeing any competitions on the map.

That's odd, I tried locally and the map works as expected (both on main and on this PR branch). So it might be a fluke?

gregorbg avatar May 22 '24 06:05 gregorbg

Merging because this page is still in beta development state and changes won't be reflected on the main website for the average user (plus I basically got Kevin's okay on the code)

gregorbg avatar May 22 '24 11:05 gregorbg