feat: delete pages and projects

src/component/container/page_list.tsx

@@ -48,7 +48,14 @@ export class PageList extends React.Component<PageListProps> {
 					>
 						<DropdownItemLinkAttribute>
 							<DropdownItemLinkAttributeItem>Edit</DropdownItemLinkAttributeItem>
-							<DropdownItemLinkAttributeItem>Delete</DropdownItemLinkAttributeItem>
+							<DropdownItemLinkAttributeItem
+								handleClick={(e: React.MouseEvent<HTMLElement>) => {
+									e.preventDefault();
+									this.handleDeletePageClick(page);
+								}}
+							>
+								Delete
+							</DropdownItemLinkAttributeItem>
 						</DropdownItemLinkAttribute>
 					</DropdownItem>
 				))}
@@ -74,4 +81,8 @@ export class PageList extends React.Component<PageListProps> {
 	protected handlePageClick(id: string): void {
 		this.props.store.openPage(id);
 	}
+
+	protected handleDeletePageClick(page: PageRef): void {
+		this.props.store.removePage(page);
+	}
 }

src/component/container/project_list.tsx

@@ -36,7 +36,14 @@ export class ProjectList extends React.Component<ProjectListProps> {
 					>
 						<DropdownItemLinkAttribute>
 							<DropdownItemLinkAttributeItem>Edit</DropdownItemLinkAttributeItem>
-							<DropdownItemLinkAttributeItem>Delete</DropdownItemLinkAttributeItem>
+							<DropdownItemLinkAttributeItem
+								handleClick={(e: React.MouseEvent<HTMLElement>) => {
+									e.preventDefault();
+									this.handleDeleteProjectClick(project);
+								}}
+							>
+								Delete
+							</DropdownItemLinkAttributeItem>
 						</DropdownItemLinkAttribute>
 					</DropdownItem>
 				))}
@@ -47,4 +54,7 @@ export class ProjectList extends React.Component<ProjectListProps> {
 	protected handleProjectClick(id: string): void {
 		this.props.store.openFirstPage(id);
 	}
+	protected handleDeleteProjectClick(project: Project): void {
+		this.props.store.removeProject(project);
+	}
 }

src/lsg/patterns/dropdown-item/index.tsx

@@ -15,6 +15,10 @@ export interface StyledDropdownItemLinkProps {
 	color?: Color;
 }
 
+export interface DropdownItemLinkAttributeItemProps {
+	handleClick?: React.MouseEventHandler<HTMLElement>;
+}
+
 const StyledDropdownItem = styled.div`
 	display: flex;
 	align-items: center;
@@ -86,10 +90,12 @@ export class DropdownItemLinkAttribute extends React.Component<{}> {
 	}
 }
 
-export class DropdownItemLinkAttributeItem extends React.Component<{}> {
+export class DropdownItemLinkAttributeItem extends React.Component<
+	DropdownItemLinkAttributeItemProps
+> {
 	public render(): JSX.Element {
 		return (
-			<StyledDropdownItemLinkAttributeItem>
+			<StyledDropdownItemLinkAttributeItem onClick={this.props.handleClick}>
 				{this.props.children}
 			</StyledDropdownItemLinkAttributeItem>
 		);

src/store/index.ts

@@ -1,4 +1,5 @@
 import { PatternFolder } from './pattern/folder';
+import * as FileUtils from 'fs-extra';
 import { JsonArray, JsonObject, Persister } from './json';
 import * as MobX from 'mobx';
 import { IObservableArray } from 'mobx/lib/types/observablearray';
@@ -192,8 +193,17 @@ export class Store {
 		this.savePreferences();
 	}
 
+	public removePage(page: PageRef): void {
+		page.remove();
+	}
+
 	public removeProject(project: Project): void {
-		(this.projects as IObservableArray<Project>).remove(project);
+		if (this.getCurrentProject() === project) {
+			(this.projects as IObservableArray<Project>).remove(project);
+			this.openFirstPage();
+		} else {
+			(this.projects as IObservableArray<Project>).remove(project);
+		}
 	}
 
 	public save(): void {