organize

Author: nicobytes

src/app/add-todo/add-todo.component.ts

@@ -2,8 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Store } from '@ngrx/store';
 
-import { AppState } from './../app.reducer';
-import * as TodoActions from './../todo.actions';
+import { AppState } from './../../redux/app.reducer';
+import * as TodoActions from './../../redux/todo/todo.actions';
 
 @Component({
   selector: 'app-add-todo',

src/app/app.component.ts

@@ -1,8 +1,8 @@
 import { Component } from '@angular/core';
 import { Store } from '@ngrx/store';
 
-import { AppState } from './app.reducer';
-import * as TodoActions from './todo.actions';
+import { AppState } from './../redux/app.reducer';
+import * as TodoActions from './../redux/todo/todo.actions';
 
 @Component({
   selector: 'app-root',

src/app/app.module.ts

@@ -4,7 +4,7 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { StoreModule } from '@ngrx/store';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { rootReducer } from './app.reducer';
+import { rootReducer } from './../redux/app.reducer';
 
 import { AppComponent } from './app.component';
 import { TodoComponent } from './todo/todo.component';

src/app/footer/footer.component.ts

@@ -1,10 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
 
-import { AppState } from './../app.reducer';
-import * as FilterActions from './../filter.actions';
-import * as TodoActions from './../todo.actions';
-import { getCountTodos, getStateCompleted } from './../todo.selectors';
+import { AppState } from './../../redux/app.reducer';
+import * as FilterActions from './../../redux/filter/filter.actions';
+import * as TodoActions from './../../redux/todo/todo.actions';
+import { getCountTodos, getStateCompleted } from './../../redux/todo/todo.selectors';
 
 @Component({
   selector: 'app-footer',

src/app/todo-list/todo-list.component.ts

@@ -3,11 +3,11 @@ import { FormControl } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 import { Store } from '@ngrx/store';
 
-import { AppState } from './../app.reducer';
-import { Todo } from './../todo.model';
-import * as FilterActions from './../filter.actions';
-import * as TodoActions from './../todo.actions';
-import { getVisibleTodos, getStateCompleted } from './../todo.selectors';
+import { AppState } from './../../redux/app.reducer';
+import { Todo } from './../../redux/todo/todo.model';
+import * as FilterActions from './../../redux/filter/filter.actions';
+import * as TodoActions from './../../redux/todo/todo.actions';
+import { getVisibleTodos, getStateCompleted } from './../../redux/todo/todo.selectors';
 
 @Component({
   selector: 'app-todo-list',

src/app/todo/todo.component.ts

@@ -2,9 +2,9 @@ import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 import { Store } from '@ngrx/store';
 
-import { AppState } from './../app.reducer';
-import { Todo } from './../todo.model';
-import * as TodoActions from './../todo.actions';
+import { AppState } from './../../redux/app.reducer';
+import { Todo } from './../../redux/todo/todo.model';
+import * as TodoActions from './../../redux/todo/todo.actions';
 
 @Component({
   selector: 'app-todo',

src/app/app.reducer.ts renamed to src/redux/app.reducer.ts

@@ -1,8 +1,8 @@
 import { ActionReducerMap } from '@ngrx/store';
 
-import { TodosReducer } from './todo.reducer';
-import { FilterReducer } from './filter.reducer';
-import { Todo } from './todo.model';
+import { TodosReducer } from './todo/todo.reducer';
+import { FilterReducer } from './filter/filter.reducer';
+import { Todo } from './todo/todo.model';
 
 export interface AppState {
   todos: Todo[];

src/app/filter.actions.ts renamed to src/redux/filter/filter.actions.ts

@@ -1,5 +1,5 @@
 import { createSelector } from '@ngrx/store';
-import { AppState } from './app.reducer';
+import { AppState } from './../app.reducer';
 
 export const getState = (state: AppState) => state;
 export const getTodos = (state: AppState) => state.todos;