-
Notifications
You must be signed in to change notification settings - Fork 322
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
Labyrinth project by Emilia, Nina & Sandra week 12 #196
base: master
Are you sure you want to change the base?
Conversation
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.
Good job guys! Everything works as it should and all the requirements are met. A+.
) | ||
} | ||
return ( | ||
<Outerwrapper coordinates={coordinates}> |
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.
Cool that you've used the coordinated to create this logic.
|
||
return ( | ||
<Direction> | ||
<DirectionBtn1 className={isActive ? 'hidden-btn' : null} type="button" onClick={toggleDisplay}>Directions</DirectionBtn1> |
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.
Nice touch with the toggleDisplay. It adds something to the UX that you have to click to see the directions.
reducers: { | ||
|
||
setUsername: (state, action) => { | ||
state.username = `${new Date().getTime()}+${action.payload}` |
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.
Makes a big difference that you added the time-stamp.
return ( | ||
<Outerwrapper coordinates={coordinates}> | ||
<Innerwrapper> | ||
{coordinates === '' && <StartScreen />} |
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.
These two lines could probably be shortened to {coordinates === '' ? : }, or something like that, I think :)
|
||
return ( | ||
<Direction> | ||
<DirectionBtn1 className={isActive ? 'hidden-btn' : null} type="button" onClick={toggleDisplay}>Directions</DirectionBtn1> |
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.
Kind of the reverse of my last comment :), I remember reading that you could use className={isActive && 'hidden-btn'} instead of using null!
https://labyrinthw12-reactredux.netlify.app/