working version

Author: Pietro Grandi

app/app.component.ts

@@ -1,32 +1,32 @@
 import {Component, OnInit} from '@angular/core';
-import {Store, provideStore, combineReducers} from "@ngrx/store";
+import {Store, provideStore} from "@ngrx/store";
 import {Observable} from "rxjs/Rx";
+import {CurrentSearch} from "./models/current-search.model";
 import {ProximitySelector} from "./components/proximity-selector.component";
 import {SearchBox} from "./components/search-box.component";
-import {searchReducer} from "./reducers/search.reducer";
-import {CurrentSearch} from "./models/current-search.model";
+import {SearchReducer} from "./reducers/search.reducer";
+
+const storeManager = provideStore({ currentSearch: SearchReducer });
 
 @Component({
     selector: 'my-app',
-    providers: [
-        provideStore({ currentSearch: searchReducer })
-    ],
+    providers: [ storeManager ],
     directives: [ SearchBox, ProximitySelector ],
     template: `
     <h1>{{title}}</h1>
     <div class="row">
         <search-box [store]="store"></search-box>
         <proximity-selector [store]="store"></proximity-selector>
     </div>
-    <div class="row">
-        <courses-list [searchResults]="results"></courses-list>
-    </div>
+    <p>{{ state | json }}</p>
     `
 })
 
 export class AppComponent implements OnInit {
 
-    title = 'One Source of Truth for Angular 2';
+    title = 'heroes and books'; //One Source of Truth for Angular 2';
+    
+    private state: CurrentSearch;
 
     private currentSearch: Observable<CurrentSearch>;
 
@@ -38,8 +38,7 @@ export class AppComponent implements OnInit {
 
     ngOnInit() {
         this.currentSearch.subscribe((state: CurrentSearch) => {
-            // the logic is here
-            console.log(state);
+            this.state = state;
         });
     }
 

app/reducers/search.reducer.ts

@@ -3,7 +3,7 @@ import {CurrentSearch} from "../models/current-search.model";
 import {SearchBox} from "../components/search-box.component";
 import {ProximitySelector} from "../components/proximity-selector.component";
 
-export const searchReducer: ActionReducer<CurrentSearch> = (state: CurrentSearch, action: Action) => {
+export const SearchReducer: ActionReducer<CurrentSearch> = (state: CurrentSearch, action: Action) => {
     switch (action.type) {
         case SearchBox.StoreEvents.text:
             return Object.assign({}, state, {
@@ -16,15 +16,15 @@ export const searchReducer: ActionReducer<CurrentSearch> = (state: CurrentSearch
                     longitude: action.payload.position.longitude
                 }
             });
+        case ProximitySelector.StoreEvents.radius:
+            return Object.assign({}, state, {
+                radius: action.payload.radius
+            });
         case ProximitySelector.StoreEvents.off:
             return Object.assign({}, state, {
                 position: null,
                 radius: null
             });
-        case ProximitySelector.StoreEvents.radius:
-            return Object.assign({}, state, {
-                radius: action.payload.radius
-            });
         default:
             return state;
     }