Skip to content

Conversation

@YlvaKarlsson
Copy link

Copy link

@SandraMadeleine SandraMadeleine left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code review by Nina Ströyer, Emilia Granström Anundi and Sandra Olsson.
Really good job, we really like the styling and the code is very clean. Your labyrinth works as it should and we can not see any obvious errors. Thumbs up!

"eslint-plugin-react": "^7.30.1",
"eslint-plugin-react-hooks": "^4.6.0",
"lottie-react": "^2.4.0",
"nes.css": "^2.3.0",

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you use this for this project? It's a cool feature!


const onFormSubmit = (event) => {
event.preventDefault();
dispatch(labyrinth.actions.setUserName(`${uuidv4()}/${usernameInputValue}`));

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You could also add this in your reducer, and then you would not need to use the uuidv4 and/or uuidv5: ```
setUsername: (state, action) => {
state.username = ${new Date().getTime()}+${action.payload}
},

useEffect(() => {
setLoading(isLoading);
}, [isLoading]);
return (

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To control the duration of the animation, we added this code after the last dispatch in our thunk(s):
setTimeout(() => { dispatch(loading.actions.setLoading(false)) }, 1500). You can also put the speed at 1.0 to slow your animation down a bit more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants