06-effects crud complete

Author: brandonroberts

src/app/books/actions/books-api.actions.ts

@@ -3,6 +3,9 @@ import { Action } from "@ngrx/store";
 
 export enum BooksApiActionTypes {
   BooksLoaded = '[Books API] Books Loaded Success',
+  BookCreated = '[Books API] Book Created',
+  BookUpdated = '[Books API] Book Updated',
+  BookDeleted = '[Books API] Book Deleted',
 }
 
 export class BooksLoaded implements Action {
@@ -11,5 +14,26 @@ export class BooksLoaded implements Action {
   constructor(public books: Book[]) {}
 }
 
+export class BookCreated implements Action {
+  readonly type = BooksApiActionTypes.BookCreated;
+
+  constructor(public book: Book) {}
+}
+
+export class BookUpdated implements Action {
+  readonly type = BooksApiActionTypes.BookUpdated;
+
+  constructor(public book: Book) {}
+}
+
+export class BookDeleted implements Action {
+  readonly type = BooksApiActionTypes.BookDeleted;
+
+  constructor(public book: Book) {}
+}
+
 export type BooksApiActions = 
-  | BooksLoaded;
+  | BooksLoaded
+  | BookCreated
+  | BookUpdated
+  | BookDeleted;

src/app/books/books-api.effects.ts

@@ -20,6 +20,42 @@ export class BooksApiEffects {
     )
   );
 
+  @Effect()
+  createBook$ = this.actions$.pipe(
+    ofType(BooksPageActions.BooksActionTypes.CreateBook),
+    mergeMap(action =>
+      this.booksService.create(action.book)
+        .pipe(
+          map(book => new BooksApiActions.BookCreated(book)),
+          catchError(() => EMPTY)
+        )  
+    )
+  );
+
+  @Effect()
+  updateBook$ = this.actions$.pipe(
+    ofType(BooksPageActions.BooksActionTypes.UpdateBook),
+    mergeMap(action =>
+      this.booksService.update(action.book.id, action.book)
+        .pipe(
+          map(book => new BooksApiActions.BookUpdated(book)),
+          catchError(() => EMPTY)
+        )  
+    )
+  );
+
+  @Effect()
+  deleteBook$ = this.actions$.pipe(
+    ofType(BooksPageActions.BooksActionTypes.DeleteBook),
+    mergeMap(action =>
+      this.booksService.delete(action.book.id)
+        .pipe(
+          map(() => new BooksApiActions.BookDeleted(action.book)),
+          catchError(() => EMPTY)
+        )  
+    )
+  );
+
   constructor(
     private booksService: BooksService,
     private actions$: Actions<BooksPageActions.BooksActions | BooksApiActions.BooksApiActions>

src/app/shared/state/books.reducer.ts

@@ -44,18 +44,20 @@ export function reducer(state = initialState, action: BooksPageActions.BooksActi
         ...state,
         activeBookId: action.bookId
       };
+
     case BooksPageActions.BooksActionTypes.ClearSelectedBook:
       return {
         ...state,
         activeBookId: null
       };
-    case BooksPageActions.BooksActionTypes.CreateBook:
-      return adapter.addOne(action.book, state);
 
-    case BooksPageActions.BooksActionTypes.UpdateBook:
+    case BooksApiActions.BooksApiActionTypes.BookCreated:
+      return adapter.addOne(action.book, {...state, activeBookId: action.book.id});
+
+    case BooksApiActions.BooksApiActionTypes.BookUpdated:
       return adapter.updateOne({id: action.book.id, changes: action.book}, {...state, activeBookId: action.book.id});
 
-    case BooksPageActions.BooksActionTypes.DeleteBook:
+    case BooksApiActions.BooksApiActionTypes.BookDeleted:
       return adapter.removeOne(action.book.id, {...state, activeBookId: null});
 
     default: