export const selectPage = (state) => state.app ? state.app.page : "";
export const selectPageExtra = (state) => state.app ? state.app.pageExtra : "";
export const selectManagers = (state) => state.list ? state.list.managers : [];
export const selectGameTypeFilter = (state) => state.list ? state.list.gameTypeFilter : "";
export const selectParticipatingActiveGames = (state) => state.list ? state.list.participatingActiveGames : [];
export const selectParticipatingFinishedGames = (state) => state.list ? state.list.participatingFinishedGames : [];
export const selectVisibleActiveGames = (state) => state.list ? state.list.visibleActiveGames : [];
export const selectVisibleJoinableGames = (state) => state.list ? state.list.visibleJoinableGames : [];
export const selectAllGames = (state) => state.list ? state.list.allGames : [];
export const selectGameRoute = (state) => state.game && state.game.id ? {id: state.game.id, name: state.game.name} : null;

@@ -1,28 +1,72 @@
+import %7B createSelector %7D from 'reselect';%0A%0A
 export const selectPage = (s
@@ -863,39 +863,33 @@
 .allGames : %5B%5D;%0A
-export 
+%0A
 const selectGame
@@ -892,13 +892,10 @@
 Game
-Route
+ID
  = (
@@ -919,10 +919,9 @@
 ame 
-&&
+?
  sta
@@ -935,47 +935,197 @@
 .id 
-? %7Bid: state.game.id, name: state.game.
+: '';%0Aconst selectGameName = (state) =%3E state.game ? state.game.name : '';%0A%0Aexport const selectGameRoute = createSelector(%0A    selectGameID,%0A    selectGameName,%0A    (id, name) =%3E id ? %7Bid, 
 name
@@ -1132,10 +1132,11 @@
 %7D : null
-;
 %0A
+);

Make selectGameRoute be a reselect selector, so the actual object itself won't change if id and name haven't changed.