4 #todoapp-angular-ngrx

todo.reducer.ts

// ........................

export function TodoReducer(state = defaultState, action: Action) {

    switch (action.type) {
    
      
      //...............
      
      
        case TodoActions.GET_TODOS: {

            return { ...state, loaded: false, loading: true };
        }


        case TodoActions.GET_TODOS_SUCCESS: {

            return {
                ...state,
                todos: [
                    ...action.payload,
                    defaultTodoStates[0]
                ],
                loading: false
            };
        }



        case TodoActions.DELETE_TODO: {

            return { ...state, ...state.todos.splice(state.todos.indexOf(action.payload), 1) };

        }


        case TodoActions.DELETE_TODO_SUCCESS: {

            return state
        }


        case TodoActions.DELETE_TODO_ERROR: {

            return {
                ...state,
                todos: [
                    ...state.todos,
                    action.payload
                ]
            }
        }

    
      //...............
    }
    
}