feat: add shortcut to switch pages (#558)

* feat(menu): add shortcut to switch pages

* fix(menu): typo

* fix(menu): disable previous shortcut on first page

* fix(menu): disable next shortcut on last page

* fix(store): alphabetize new functions

* fix(store): introduce getNextPage and getPreviousPage

* fix(store): remove unneeded functions

* fix(store): alphabetize functions

* fix(menu): fix variable name

src/electron/create-menu.ts

@@ -384,6 +384,30 @@ export function createMenu(ctx: MenuContext): void {
 				{
 					type: 'separator'
 				},
+				{
+					label: 'Previous Page',
+					accelerator: 'CmdOrCtrl+Alt+Left',
+					enabled: typeof ctx.store.getPreviousPage() !== 'undefined',
+					click: () => {
+						const previousPage = ctx.store.getPreviousPage();
+
+						if (previousPage) {
+							ctx.store.setActivePage(previousPage);
+						}
+					}
+				},
+				{
+					label: 'Next Page',
+					accelerator: 'CmdOrCtrl+Alt+Right',
+					enabled: typeof ctx.store.getNextPage() !== 'undefined',
+					click: () => {
+						const nextPage = ctx.store.getNextPage();
+
+						if (nextPage) {
+							ctx.store.setActivePage(nextPage);
+						}
+					}
+				},
 				{
 					label: '&Show Elements & Components',
 					type: 'checkbox',

src/store/view-store.ts

@@ -628,6 +628,23 @@ export class ViewStore {
 		return this.project.getElements().find(e => e.getNameEditable());
 	}
 
+	@Mobx.action
+	public getNextPage(): Model.Page | undefined {
+		const page = this.getCurrentPage();
+
+		if (!page) {
+			return;
+		}
+
+		const index = this.project.getPageIndex(page);
+
+		if (typeof index !== 'number') {
+			return;
+		}
+
+		return this.project.getPages()[index + 1];
+	}
+
 	public getPageById(id: string): Model.Page | undefined {
 		const project = this.getProject();
 
@@ -678,6 +695,23 @@ export class ViewStore {
 		return this.app.getSearchTerm();
 	}
 
+	@Mobx.action
+	public getPreviousPage(): Model.Page | undefined {
+		const page = this.getCurrentPage();
+
+		if (!page) {
+			return;
+		}
+
+		const index = this.project.getPageIndex(page);
+
+		if (typeof index !== 'number') {
+			return;
+		}
+
+		return this.project.getPages()[index - 1];
+	}
+
 	public getProject(): Model.Project {
 		return this.project;
 	}