-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Created lobby view + implemented standard components #26
base: main
Are you sure you want to change the base?
Conversation
I've made small contribution. Fixed issue with missing disabled attribute on button element, moved clsx dep to client dir, etc. I saw that you currently don't support touch devices in Seat component (i can change selection but it's hard also due to swipe feature). Moreover in my opinion i would extend the margin of error when choosing seat (when i use mouse i have to be precise in order to select seat). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added my comment in conversation tab.
I fixed touch and mouse events and i split seats tab into more elements to maintain readability |
|
||
return ( | ||
<div className="relative flex h-full w-full items-center justify-center"> | ||
{Children.map(props.children, (child, i) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I suggest using another way that doesn't require the use of Children api. It's quite rare and even in the docs they don't recommend it: https://react.dev/reference/react/Children
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It works awesome now. I saw that you suppressed linter, but I also think that's ok in this case.
No description provided.