REFACTORING: Splitting reducers

actions/index.js

@@ -5,6 +5,8 @@ export const DELETE_DECK = "DELETE_DECK";
 export const ADD_CARD = "ADD_CARD";
 export const DELETE_CARD = "DELETE_CARD";
 
+export const UPDATE_SCORE = "UPDATE_SCORE";
+
 export function loadDecks(decks){
     return {
         type: LOAD_DECKS,
@@ -40,4 +42,11 @@ export function deleteCard(deckKey, cardName){
         deckKey,
         cardName
     }
+}
+
+export function updateScore(scores){
+    return {
+        type: UPDATE_SCORE,
+        scores
+    }
 }

components/flashcards/CardList.js

@@ -65,10 +65,11 @@ const styles = StyleSheet.create({
     }
 });
 
-function mapStateToProps({ decks }, props) {
+function mapStateToProps(state, props) {
+    const { decks } = state;
     const { deckKey } = props.navigation.state.params;
     const cards = decks[deckKey].cards;
-
+    
     return {
         cards
     }

reducers/decks.js

@@ -0,0 +1,65 @@
+import {
+    LOAD_DECKS,
+    NEW_DECK,
+    ADD_CARD,
+    DELETE_DECK,
+    DELETE_CARD
+} from '../actions';
+
+function decks(state = {}, action) {
+    const { type } = action;
+    const decks = state;
+
+    switch (type) {
+        case LOAD_DECKS: {
+            const decks = action.decks;
+
+            return decks;
+        }
+        case NEW_DECK: {
+            const deck = action.deck;
+            const freshDecks = {
+                ...decks,
+                [deck.name]: deck
+            }
+
+            return freshDecks;
+        }
+        case DELETE_DECK: {
+            const { deckKey } = action;
+
+            const refreshedDecks = Object.assign({}, decks);
+            delete refreshedDecks[deckKey];
+            return refreshedDecks;
+        }
+        case ADD_CARD: {
+            const { card, deckKey } = action;
+            const freshDeck = decks[deckKey];
+
+            freshDeck.cards.push(card);
+
+            const freshDecks = {
+                ...decks,
+                [deckKey]: freshDeck
+            }
+            return freshDecks;
+        }
+        case DELETE_CARD: {
+            const { deckKey, cardName } = action;
+            const freshDecks = {
+                ...decks,
+                [deckKey]: {
+                    ...decks[deckKey],
+                    cards: decks[deckKey].cards.filter(card => card.question !== cardName)
+                }
+            };
+
+            return freshDecks;
+        }
+        default: {
+            return state;
+        }
+    }
+}
+
+export default decks;

reducers/index.js

@@ -1,72 +1,6 @@
-import {
-    LOAD_DECKS,
-    NEW_DECK,
-    ADD_CARD,
-    DELETE_DECK,
-    DELETE_CARD
-} from '../actions';
+import { combineReducers } from 'redux';
 
-function decks(state = { decks: {} }, action) {
-    const { type } = action;
-    const { decks } = state;
+import decks from './decks';
+import scores from './scores';
 
-    switch (type) {
-        case LOAD_DECKS: {
-            const decks = action.decks;
-
-            return {
-                decks
-            };
-        }
-        case NEW_DECK: {
-            const deck = action.deck;
-            const freshDecks = {
-                ...decks,
-                [deck.name]: deck
-            }
-
-            return {
-                decks: freshDecks
-            }
-        }
-        case DELETE_DECK: {
-            const { deckKey } = action;
-            delete decks[deckKey];
-
-            const refreshedDecks = decks;
-            return {
-                decks: refreshedDecks
-            }
-        }
-        case ADD_CARD: {
-            const { card, deckKey } = action;
-            const freshDeck = decks[deckKey];
-
-            freshDeck.cards.push(card);
-
-            const freshDecks = {
-                ...decks,
-                [deckKey]: freshDeck
-            }
-            return {
-                decks: freshDecks
-            }
-
-        }
-        case DELETE_CARD: {
-            const { deckKey, cardName } = action;
-            const freshDecks = decks;
-
-            freshDecks[deckKey].cards = freshDecks[deckKey].cards.filter(card => card.question !== cardName);
-
-            return {
-                decks: freshDecks
-            }
-        }
-        default: {
-            return state;
-        }
-    }
-}
-
-export default decks;
+export default combineReducers({ decks, scores });

reducers/scores.js

@@ -0,0 +1,17 @@
+import { UPDATE_SCORE } from '../actions';
+
+function scores(state = [], action) {
+    const { type } = action;
+    const scores = state;
+
+    switch (type) {
+        case UPDATE_SCORE: {
+            return action.scores;
+        }
+        default: {
+            return state;
+        }
+    }
+}
+
+export default scores;