feat: add enter page handler to example app

markostanimirovic · Dec 8, 2020 · 9b4a0bd · 9b4a0bd
1 parent 1ef1990
commit 9b4a0bd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/projects/playground/src/app/books/books.component.ts b/projects/playground/src/app/books/books.component.ts
@@ -37,7 +37,7 @@ export class BooksComponent implements OnInit, OnDestroy {
   constructor(private store: Store<BooksAppState>) {}
 
   ngOnInit(): void {
-    this.store.dispatch(booksPageActions.updateSearchTerm({ searchTerm: '' }));
+    this.store.dispatch(booksPageActions.enter());
 
     this.searchTermControl.valueChanges
       .pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy))

diff --git a/projects/playground/src/app/books/books.effects.ts b/projects/playground/src/app/books/books.effects.ts
@@ -13,7 +13,7 @@ import { selectBooks } from './books.selectors';
 export class BooksEffects {
   invokeFetchBooks$ = createEffect(() =>
     this.actions$.pipe(
-      ofType(booksPageActions.updateSearchTerm),
+      ofType(booksPageActions.enter, booksPageActions.updateSearchTerm),
       map(() => booksEffectsActions.fetchBooks()),
     ),
   );

diff --git a/projects/playground/src/app/books/handlers/books-page.handlers.ts b/projects/playground/src/app/books/handlers/books-page.handlers.ts
@@ -3,6 +3,7 @@ import { booksInitState } from '../books.state';
 import { Book } from '../book.model';
 
 export const [booksPageActions, booksPageReducer] = combineHandlers(booksInitState, 'booksPage', {
+  enter: state => ({ ...state, searchTerm: '' }),
   updateSearchTerm: (state, { searchTerm }: { searchTerm: string }) => ({ ...state, searchTerm }),
   showCreateBookDialog: plain(),
   createBook: withPayload<{ book: Book }>(),