feat: make elements deselectable

meetalva · Dec 12, 2017 · c92c309 · c92c309
1 parent af7587d
commit c92c309
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/component/container/element_list.tsx b/src/component/container/element_list.tsx
@@ -72,8 +72,13 @@ export class ElementList extends React.Component<ElementListProps> {
 		const patternPath: string = element.getPatternPath() as string;
 
 		const updatePageElement: React.MouseEventHandler<HTMLElement> = event => {
-			event.stopPropagation();
-			this.props.store && this.props.store.setSelectedElement(element);
+			if (this.props.store.getSelectedElement() === element) {
+				event.stopPropagation();
+				this.props.store && this.props.store.unsetSelectedElement();
+			} else {
+				event.stopPropagation();
+				this.props.store && this.props.store.setSelectedElement(element);
+			}
 		};
 
 		return {

diff --git a/src/store/index.ts b/src/store/index.ts
@@ -14,7 +14,7 @@ export class Store {
 	@MobX.observable private patternSearchTerm: string = '';
 	@MobX.observable private projects: Map<string, Project> = new Map();
 	@MobX.observable private patternRoot: PatternFolder;
-	@MobX.observable private selectedElement?: PageElement;
+	@MobX.observable private selectedElement?: PageElement | undefined;
 	@MobX.observable private styleGuidePath: string;
 
 	public getCurrentPage(): Page | undefined {
@@ -134,4 +134,8 @@ export class Store {
 	public setSelectedElement(selectedElement: PageElement): void {
 		this.selectedElement = selectedElement;
 	}
+
+	public unsetSelectedElement(): void {
+		this.selectedElement = undefined;
+	}
 }