start/end link event

1 files changed, 18 insertions, 7 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
index 2e3bfb1c7..0ec20a851 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
@@ -30,8 +30,6 @@ export class CollectionFreeFormInfoUI extends React.Component<CollectionFreeForm
                     this.firstDocPos = { x: NumCast(this.firstDoc.x), y: NumCast(this.firstDoc.y) };
                     this.message = 'Doc 1';
                 } else if (docs.length === 2) {
-                    console.log('hello 1', docs[0]);
-                    console.log('hello 2', docs[1]);
                     this.message = 'Doc 2';
                 } else {
                     this.message = 'Click anywhere and begin typing to create your first text document!';
@@ -43,7 +41,7 @@ export class CollectionFreeFormInfoUI extends React.Component<CollectionFreeForm
             () => ({ x: NumCast(this.firstDoc?.x), y: NumCast(this.firstDoc?.y), links: this.firstDoc && LinkManager.Instance.getAllDirectLinks(this.firstDoc) }),
             ({ x, y, links }) => {
                 if ((x && x != this.firstDocPos.x) || (y && y != this.firstDocPos.y)) {
-                    this.message = 'You moved the doc';
+                    this.message = 'You moved the doc.';
                 }
                 if (links && links.length > 0) {
                     this.message = 'You made your first link! You can also click the link icon to start and complete the link.';
@@ -52,17 +50,30 @@ export class CollectionFreeFormInfoUI extends React.Component<CollectionFreeForm
             { fireImmediately: true }
         );
         this._disposers.reaction3 = reaction(
-            () => ({ activeTool: Doc.ActiveTool, linkMenu: DocumentLinksButton.LinkEditorDocView }),
-            ({ activeTool, linkMenu }) => {
+            () => ({ activeTool: Doc.ActiveTool, viewingLinks: DocumentLinksButton.LinkEditorDocView }),
+            ({ activeTool, viewingLinks }) => {
                 if (activeTool == InkTool.Pen) {
                     this.message = "You're in pen mode! Click and drag to draw your first masterpiece.";
                 }
-                if (linkMenu) {
-                    this.message = 'To edit your links, click this pencil icon.';
+                if (viewingLinks) {
+                    this.message = 'Viewing links';
+                }
+                if (Doc.ActiveTool === InkTool.Pen) {
+                    this.message = 'Editing links';
                 }
             },
             { fireImmediately: true }
         );
+        this._disposers.reaction4 = reaction(
+            () => ({ startLink: DocumentLinksButton.StartLink, endLink: Doc.UserDoc().links }),
+            ({ startLink, endLink }) => {
+                if (startLink) {
+                    this.message = "You've started a link.";
+                } else if (endLink) {
+                    this.message = "You've completed a link.";
+                }
+            }
+        );
     }
 
     componentWillUnmount(): void {