Login workflow (#137)

* Use collection label instead of name on the CollectionPage

* Added Avatar and logout menu item

* [feat](login) Added userpic with a logout action in the dropdown.

- Display logged in user in the AppHeader
- Implemented logout action and store + tests
- Better styles for GitHub sign in screen

Closes #100

* Better styles for the AppHeader

src/reducers/__tests__/auth.spec.js

@@ -1,6 +1,5 @@
-import expect from 'expect';
 import Immutable from 'immutable';
-import { authenticating, authenticate, authError } from '../../actions/auth';
+import { authenticating, authenticate, authError, logout } from '../../actions/auth';
 import auth from '../auth';
 
 describe('auth', () => {
@@ -33,8 +32,14 @@ describe('auth', () => {
       auth(undefined, authError(new Error('Bad credentials')))
     ).toEqual(
       Immutable.Map({
-        error: 'Error: Bad credentials'
+        error: 'Error: Bad credentials',
       })
     );
   });
+
+  it('should handle logout', () => {
+    const initialState = Immutable.fromJS({ user: { email: 'joe@example.com' } });
+    const newState = auth(initialState, logout());
+    expect(newState.get('user')).toBeUndefined();
+  });
 });

src/reducers/auth.js

@@ -1,5 +1,5 @@
 import Immutable from 'immutable';
-import { AUTH_REQUEST, AUTH_SUCCESS, AUTH_FAILURE } from '../actions/auth';
+import { AUTH_REQUEST, AUTH_SUCCESS, AUTH_FAILURE, LOGOUT } from '../actions/auth';
 
 const auth = (state = null, action) => {
   switch (action.type) {
@@ -9,6 +9,8 @@ const auth = (state = null, action) => {
       return Immutable.fromJS({ user: action.payload });
     case AUTH_FAILURE:
       return Immutable.Map({ error: action.payload.toString() });
+    case LOGOUT:
+      return state.remove('user');
     default:
       return state;
   }