Fix deleting slides

Author: kirjs

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

@@ -32,7 +32,8 @@ export function reducer(
       getPresentation().slides.splice(payload.index, 0, payload.slide);
       return presentations;
     case 'deleteSlide':
-      getPresentation().slides.filter(({ id }) => id !== payload.id);
+      const presentation = getPresentation();
+      presentation.slides =  presentation.slides.filter(({ id }) => id !== payload.slideId);
       return presentations;
 
     case 'addBlock': {

apps/codelab/src/app/admin/content/presentation-editor/slide-editor/slide-editor.module.ts

@@ -11,6 +11,7 @@ import { ActionBarModule } from './action-bar/action-bar.module';
 import { PreviewModule } from '../preview/preview.module';
 import { CustomComponentPreviewsModule } from '../wrappers/custom-component-previews/custom-component-previews.module';
 import { CustomComponentEditorsModule } from '../wrappers/custom-component-editors/custom-component-editors.module';
+import { MatMenuModule } from "@angular/material/menu";
 
 @NgModule({
   declarations: [
@@ -32,6 +33,7 @@ import { CustomComponentEditorsModule } from '../wrappers/custom-component-edito
     MatButtonModule,
     ActionBarModule,
     PreviewModule,
+    MatMenuModule,
   ],
 })
 export class SlideEditorModule {}

apps/codelab/src/app/admin/content/presentation-editor/slide-editor/slide-meta-editor/slide-meta-editor.component.html

@@ -13,6 +13,17 @@
     (keyup)="updateAttr('id', $event.target.value)"
   />
 </div>
-<button mat-icon-button (click)="deleteSlide()">
-  <mat-icon>cancel</mat-icon>
+
+
+<mat-menu #menu>
+  <button mat-menu-item (click)="deleteSlide()">
+    Delete
+  </button>
+</mat-menu>
+<button
+  mat-icon-button
+  [matMenuTriggerFor]="menu"
+  aria-label="Example icon-button with a menu"
+>
+  <mat-icon>more_vert</mat-icon>
 </button>