5 files changed, 76 insertions, 16 deletions

diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 22d34127d..8c3913232 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -184,6 +184,10 @@ export class DocumentDecorations extends React.Component {
             document.removeEventListener("pointerup", this.onPointerUp);
         }
     }
+
+    changeFlyoutContent = (): void => {
+
+    }
     // buttonOnPointerUp = (e: React.PointerEvent): void => {
     //     e.stopPropagation();
     // }
@@ -203,7 +207,7 @@ export class DocumentDecorations extends React.Component {
             linkButton = (<Flyout
                 anchorPoint={anchorPoints.RIGHT_TOP}
                 content={
-                    <LinkMenu docView={SelectionManager.SelectedDocuments()[0]}>
+                    <LinkMenu docView={SelectionManager.SelectedDocuments()[0]} changeFlyout={this.changeFlyoutContent}>
                     </LinkMenu>
                 }>
                 <div id="linkButton" onPointerDown={this.onLinkButtonDown} ref={this._linkButton}></div>
diff --git a/src/client/views/nodes/LinkBox.tsx b/src/client/views/nodes/LinkBox.tsx
index 25556d5be..fcfb2fcb5 100644
--- a/src/client/views/nodes/LinkBox.tsx
+++ b/src/client/views/nodes/LinkBox.tsx
@@ -9,6 +9,7 @@ import { DocumentView } from "./DocumentView";
 import { Document } from "../../../fields/Document";
 import { ListField } from "../../../fields/ListField";
 import { DocumentManager } from "../../util/DocumentManager";
+import { LinkEditor } from "./LinkEditor";
 
 interface Props {
     linkDoc: Document;
@@ -60,22 +61,23 @@ export class LinkBox extends React.Component<Props> {
     render() {
 
         return (
-            <div className="link-container">
-                <div className="info-container">
-                    <div className="link-name">
-                        <p>{this.props.linkName}</p>
-                    </div>
-                    <div className="doc-name">
-                        <p>{this.props.type}{this.props.pairedDoc.Title}</p>
-                    </div>
-                </div>
+            <LinkEditor linkBox={this} />
+            // <div className="link-container">
+            //     <div className="info-container">
+            //         <div className="link-name">
+            //             <p>{this.props.linkName}</p>
+            //         </div>
+            //         <div className="doc-name">
+            //             <p>{this.props.type}{this.props.pairedDoc.Title}</p>
+            //         </div>
+            //     </div>
 
-                <div className="button-container">
-                    <div className="button" onPointerDown={this.onViewButtonPressed}></div>
-                    <div className="button" onPointerDown={this.onEditButtonPressed}></div>
-                    <div className="button" onPointerDown={this.onDeleteButtonPressed}></div>
-                </div>
-            </div>
+            //     <div className="button-container">
+            //         <div className="button" onPointerDown={this.onViewButtonPressed}></div>
+            //         <div className="button" onPointerDown={this.onEditButtonPressed}></div>
+            //         <div className="button" onPointerDown={this.onDeleteButtonPressed}></div>
+            //     </div>
+            // </div>
         )
     }
 }
\ No newline at end of file
diff --git a/src/client/views/nodes/LinkEditor.scss b/src/client/views/nodes/LinkEditor.scss
index e69de29bb..b5db19b65 100644
--- a/src/client/views/nodes/LinkEditor.scss
+++ b/src/client/views/nodes/LinkEditor.scss
@@ -0,0 +1,16 @@
+.edit-container {
+    width: 100%;
+    height: auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.name-input {
+    margin-bottom: 10px;
+    font-size: 12px;
+}
+
+.description-input {
+    height: 100px;
+    font-size: 10px;
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/LinkEditor.tsx b/src/client/views/nodes/LinkEditor.tsx
index e69de29bb..38cfef239 100644
--- a/src/client/views/nodes/LinkEditor.tsx
+++ b/src/client/views/nodes/LinkEditor.tsx
@@ -0,0 +1,37 @@
+import { observable, computed, action } from "mobx";
+import React = require("react");
+import { SelectionManager } from "../../util/SelectionManager";
+import { observer } from "mobx-react";
+import './LinkBox.scss'
+import { KeyStore } from '../../../fields/KeyStore'
+import { props } from "bluebird";
+import { DocumentView } from "./DocumentView";
+import { Document } from "../../../fields/Document";
+import { ListField } from "../../../fields/ListField";
+import { DocumentManager } from "../../util/DocumentManager";
+import { LinkBox } from "./LinkBox";
+
+interface Props {
+    linkBox: LinkBox;
+}
+
+@observer
+export class LinkEditor extends React.Component<Props> {
+
+    onSaveButtonPressed = (e: React.PointerEvent): void => {
+        console.log("view down");
+        e.stopPropagation();
+
+    }
+
+    render() {
+
+        return (
+            <div className="edit-container">
+                <input className="name-input" type="text" placeholder="Name..."></input>
+                <input className="description-input" type="text" placeholder="Description"></input>
+            </div>
+
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/client/views/nodes/LinkMenu.tsx b/src/client/views/nodes/LinkMenu.tsx
index c01e26b62..577aba398 100644
--- a/src/client/views/nodes/LinkMenu.tsx
+++ b/src/client/views/nodes/LinkMenu.tsx
@@ -14,6 +14,7 @@ import { FieldWaiting } from "../../../fields/Field";
 
 interface Props {
     docView: DocumentView;
+    changeFlyout: () => void
 }
 
 @observer