PA Review: User Authentication

[Percapio]

• [x] Backend: DB, model, controller, views
• [x] Redux Loop: ajax, actions, reducer
• [x] Presentational Components
• [x] Styling
• [x] Bug-free navigation
• [x] User seeds added

[wongshington]

• [x] logout button
• [x] label your sign up/login forms
• [x] change "submit" button to "login/sign up"
• [x] make sign up form a little bit bigger
• [x] render errors
• [x] label the input fields instead of having them pre-filled in with "username", "password", etc.
• [x] protected routes so if I'm not logged in i cant see the rest of the site

[Percapio]

Fixed all additional changes that need to be made.

[wongshington]

• [x] clears errors when you toggle between login and sign up
• [x] error messages should be a different color(generally red)
• [x] also the log out button appears, but disappears sometimes when you try and move the mouse to click on it

[Percapio]

1. for the first fix: I have, below in my session component. My understanding is that this should trigger after every render, yet its not. Do you have any ideas?

   componentDidMount() {
       this.props.clearErrors();
   }

2. cleared the errors by creating an additional login container & component. My code is super wet now. Not sure how I could do this using only one component/container

3. for the last fix: I added a transition-duration, and it seems to work for me. Please, let me know if it doesn't.

[wongshington]

• [x] maybe just make the font size on the errors a little bit smaller so that they don't look so squished, that or make the component a little bit wider so that when the errors appear they don't look so out of place on the display

[Percapio]

I did both, since a bigger container does look better