Clear cards setting option

src/src/app/components/settings/settings.component.html

@@ -18,6 +18,10 @@
     <mat-icon matListIcon color="accenovert">note_add</mat-icon>
     Create a New Note
   </a>
+  <a mat-list-item (click)="clearCurrentCard()">
+    <mat-icon matListIcon color="accenovert">clear_all</mat-icon>
+    Clear Cards
+  </a>
 </mat-nav-list>
 
 <mat-toolbar>Search Settings</mat-toolbar>

src/src/app/components/settings/settings.component.ts

@@ -134,6 +134,11 @@ export class SettingsComponent extends SubscriberBase {
     });
   }
 
+  clearCurrentCard(){
+    this.appService.clearCards();
+    this.navService.closeSettings();
+  }
+
   //#endregion
 
   //#region Saved Page Settings

src/src/app/services/app-state-actions.ts

@@ -96,6 +96,12 @@ export class AppActionFactory {
     } as AppAction;
   }
 
+  static newClearCards(): AppAction {
+    return {
+      type: 'CLEAR_CARDS',
+    } as AppAction;
+  }
+
   static newUpdateError(error: Error): AppAction {
     return {
       type: 'UPDATE_ERROR',
@@ -227,6 +233,9 @@ export type AppAction =
       type: 'REMOVE_CARD';
       card: CardItem;
     }
+  | {
+      type: 'CLEAR_CARDS';
+    }
   | {
       type: 'MOVE_CARD';
       card: CardItem;

src/src/app/services/app-state-reducer.ts

@@ -311,6 +311,15 @@ export function reducer(state: AppState, action: AppAction): AppState {
       };
     }
 
+    case 'CLEAR_CARDS': {
+      // potentially remove card from a saved page.
+
+      return {
+        ...state,
+        currentCards: new Storable([]),
+      };
+    }
+
     case 'MOVE_CARD': {
       const cards = moveItemUpOrDown(state.currentCards.value, action.card, action.direction);
 

src/src/app/services/app.service.ts

@@ -170,6 +170,12 @@ export class AppService extends createStateService(reducer, initialState) {
     );
   }
 
+  async clearCards() {
+    this.dispatch(
+      AppActionFactory.newClearCards()
+    );
+  }
+
   private async getCardByQuery(qry: string, type?: CardType): Promise<CardItem> {
     if (qry.startsWith('note:')) {
       const q = qry.toLocaleLowerCase().trim().replace('note:', '');