fix(menu): rename open-styleguide item, no hard-coded page ID

src/component/app.tsx

@@ -6,7 +6,7 @@ import globalStyles from '../lsg/patterns/global-styles';
 import { IconName, IconRegistry } from '../lsg/patterns/icons';
 import { JsonObject } from '../store/json';
 import Layout, { MainArea, SideBar } from '../lsg/patterns/layout';
-import { createMenu } from './menu';
+import { createMenu } from '../electron/menu';
 import * as MobX from 'mobx';
 import { observer } from 'mobx-react';
 import DevTools from 'mobx-react-devtools';

src/component/container/element_list.tsx

@@ -1,6 +1,6 @@
 import { ElementWrapper } from './elementWrapper';
 import { ListItemProps } from '../../lsg/patterns/list';
-import { createMenu } from '../menu';
+import { createMenu } from '../../electron/menu';
 import { observer } from 'mobx-react';
 import { Page } from '../../store/page';
 import { PageElement } from '../../store/page/page_element';

src/component/menu.ts → src/electron/menu.ts

@@ -9,15 +9,18 @@ export function createMenu(store: Store): void {
 			label: '&File',
 			submenu: [
 				{
-					label: '&Open Project',
+					label: '&Open Styleguide',
 					accelerator: 'CmdOrCtrl+O',
 					click: () => {
 						dialog.showOpenDialog({ properties: ['openDirectory'] }, filePaths => {
 							store.openStyleguide(filePaths[0]);
-							store.openPage('homepage');
+							store.openFirstPage();
 						});
 					}
 				},
+				{
+					type: 'separator'
+				},
 				{
 					label: 'New &Page',
 					accelerator: 'CmdOrCtrl+N'

src/store/index.ts

@@ -119,6 +119,19 @@ export class Store {
 		});
 	}
 
+	public openFirstPage(): void {
+		if (!this.projects.length) {
+			return;
+		}
+
+		const pages: PageRef[] = this.projects[0].getPages();
+		if (!pages.length) {
+			return;
+		}
+
+		this.openPage(pages[0].getId());
+	}
+
 	public openPage(id: string): void {
 		MobX.transaction(() => {
 			const pagePath: string = PathUtils.join(this.getPagesPath(), `page-${id}.yaml`);