feat: create observable for rearrange elements

meetalva · Dec 14, 2017 · b7c9c34 · b7c9c34
1 parent adfbfb2
commit b7c9c34
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
@@ -94,12 +94,12 @@ export class ElementList extends React.Component<ElementListProps> {
 			value: patternPath.replace(/^.*\//, ''),
 			onClick: updatePageElement,
 			handleDragStart: (e: React.DragEvent<HTMLElement>) => {
-				this.props.store.setClipboardElement(element);
+				this.props.store.setRearrangeElement(element);
 			},
 			handleDragDropForChild: (e: React.DragEvent<HTMLElement>) => {
 				const transferPatternPath = e.dataTransfer.getData('patternPath');
 				const parentElement = element.getParent();
-				const pageElement = transferPatternPath ? new PageElement(this.props.store.getPattern(transferPatternPath)) : this.props.store.getClipboardElement();
+				const pageElement = transferPatternPath ? new PageElement(this.props.store.getPattern(transferPatternPath)) : this.props.store.getRearrangeElement();
 
 				if (!parentElement || !pageElement) {
 					return;
@@ -112,7 +112,7 @@ export class ElementList extends React.Component<ElementListProps> {
 			},
 			handleDragDrop: (e: React.DragEvent<HTMLElement>) => {
 				const transferPatternPath = e.dataTransfer.getData('patternPath');
-				const pageElement = transferPatternPath ? new PageElement(this.props.store.getPattern(transferPatternPath)) : this.props.store.getClipboardElement();
+				const pageElement = transferPatternPath ? new PageElement(this.props.store.getPattern(transferPatternPath)) : this.props.store.getRearrangeElement();
 
 				if (!pageElement) {
 					return;

diff --git a/src/store/index.ts b/src/store/index.ts
@@ -11,6 +11,7 @@ import { Project } from './project';
 
 export class Store {
 	@MobX.observable private clipboardElement?: PageElement | undefined;
+	@MobX.observable private rearrangeElement?: PageElement | undefined;
 	@MobX.observable private currentPage?: Page;
 	@MobX.observable private patternSearchTerm: string = '';
 	@MobX.observable private projects: Project[] = [];
@@ -31,6 +32,10 @@ export class Store {
 		return this.clipboardElement;
 	}
 
+	public getRearrangeElement(): PageElement | undefined {
+		return this.rearrangeElement;
+	}
+
 	public getCurrentPage(): Page | undefined {
 		return this.currentPage;
 	}
@@ -164,6 +169,10 @@ export class Store {
 		this.clipboardElement = clipboardElement;
 	}
 
+	public setRearrangeElement(rearrangeElement: PageElement): void {
+		this.rearrangeElement = rearrangeElement;
+	}
+
 	public setSelectedElement(selectedElement: PageElement): void {
 		this.selectedElement = selectedElement;
 	}