css and other cleanup for info UI

1 files changed, 5 insertions, 38 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
index 3b1847c00..f8fe2bb0b 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
@@ -61,6 +61,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
         const docNewY = () => firstDoc()?.y;
 
         const linkStart = () => DocumentLinksButton.StartLink;
+        const linkUnstart = () => !DocumentLinksButton.StartLink;
 
         const numDocLinks = () => LinkManager.Instance.getAllDirectLinks(firstDoc())?.length;
         const linkMenuOpen = () => DocButtonState.Instance.LinkEditorDocView;
@@ -94,51 +95,16 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
                 docMoved: [() => (docX && docX != docNewX()) || (docY && docY != docNewY()), () => {
                     docX = firstDoc()?.x;
                     docY = firstDoc()?.y;
-                    return movedDoc1;
+                    return movedDoc;
                 }],
             }
         ); // prettier-ignore
 
-        const movedDoc1 = InfoState(
-            'Great moves. Try creating a second document. You can see the list of supported document types by typing \":\".',
+        const movedDoc = InfoState(
+            'Great moves. Try creating a second document. You can see the list of supported document types by typing a colon (\":\")',
             {
                 docCreated: [() => numDocs() == 2, () => multipleDocs],
                 docDeleted: [() => numDocs() < 1, () => start],
-                docMoved: [() => (docX && docX != docNewX()) || (docY && docY != docNewY()), () => {
-                    docX = firstDoc()?.x;
-                    docY = firstDoc()?.y;
-                    return movedDoc2;
-                }],
-            },
-            'dash-colon-menu.gif',
-            () => TopBar.Instance.FlipDocumentationIcon()
-        ); // prettier-ignore
-
-        const movedDoc2 = InfoState(
-            'Slick moves. Try creating a second document. You can see the list of supported document types by typing \":\".',
-            {
-                docCreated: [() => numDocs() == 2, () => multipleDocs],
-                docDeleted: [() => numDocs() < 1, () => start],
-                docMoved: [() => (docX && docX != docNewX()) || (docY && docY != docNewY()), () => {
-                    docX = firstDoc()?.x;
-                    docY = firstDoc()?.y;
-                    return movedDoc3;
-                }],
-            },
-            'dash-colon-menu.gif',
-            () => TopBar.Instance.FlipDocumentationIcon()
-        ); // prettier-ignore
-
-        const movedDoc3 = InfoState(
-            'Groovy moves. Try creating a second document. You can see the list of supported document types by typing \":\".',
-            {
-                docCreated: [() => numDocs() == 2, () => multipleDocs],
-                docDeleted: [() => numDocs() < 1, () => start],
-                docMoved: [() => (docX && docX != docNewX()) || (docY && docY != docNewY()), () => {
-                    docX = firstDoc()?.x;
-                    docY = firstDoc()?.y;
-                    return movedDoc1;
-                }],
             },
             'dash-colon-menu.gif',
             () => TopBar.Instance.FlipDocumentationIcon()
@@ -156,6 +122,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
         const startedLink = InfoState(
             'Now click the highlighted link icon on your other document.',
             {
+                linkUnstart: [() => linkUnstart(), () => multipleDocs],
                 linkCreated: [() => numDocLinks(), () => madeLink],
                 docRemoved: [() => numDocs() < 2, () => oneDoc],
             },