Add empty in the list

Author: kirjs

apps/codelab/src/app/admin/content/presentation-editor/services/content.service.ts

@@ -26,7 +26,8 @@ export class ContentService implements OnDestroy {
       map((doc: any) => {
         console.log('update');
         return doc?.presentations || [];
-      })
+      }),
+      take(1),
     );
   private readonly localActions$ = new Subject();
   readonly allActions$ = merge(
@@ -45,7 +46,6 @@ export class ContentService implements OnDestroy {
 
   public readonly state$ = this.allActions$.pipe(
     scan((state: ContentPresentation[], action: any) => {
-      console.log('aAaaa');
       return reducer(state, action);
     }, {}),
     shareReplay(1),
@@ -237,7 +237,6 @@ export class ContentService implements OnDestroy {
   }
 
   saveState(presentations) {
-    console.log('save');
     setDoc(this.presentationDoc, {presentations});
   }
 }

apps/codelab/src/app/admin/content/presentation-list/presentation-list.component.html

@@ -19,14 +19,19 @@
       </button>
     </div>
 
-    <a *ngIf="presentation.slides[0] as slide" class="first-slide"
+    <a class="first-slide"
        mat-list-item
        [routerLink]="'./' + presentation.id + '/0'">
+      <ng-container *ngIf="presentation.slides[0] as slide else empty">
         <slides-small-slide-preview
           class="medium"
           mode="preview"
           [slide]="slide"
         ></slides-small-slide-preview>
+      </ng-container>
+      <ng-template #empty>
+        No value
+      </ng-template>
     </a>
   </div>
 </mat-nav-list>

package-lock.json

@@ -49,8 +49,7 @@
     "postinstall": "ngcc --properties es2015 browser module main"
   },
   "husky": {
-    "hooks": {
-    }
+    "hooks": {}
   },
   "repository": {
     "type": "git",
@@ -90,6 +89,7 @@
     "husky": "^4.3.8",
     "immer": "^5.3.6",
     "inquirer": "^8.2.4",
+    "jsondiffpatch": "^0.4.1",
     "medium-editor": "^5.23.3",
     "mocha": "^7.2.0",
     "monaco-editor": "^0.34.1",