upgraded info ui state

4 files changed, 6 insertions, 6 deletions

diff --git a/deploy/assets/dash-colon-menu.gif b/deploy/assets/dash-colon-menu.gif
new file mode 100644
index 000000000..b5512afb1
--- /dev/null
+++ b/deploy/assets/dash-colon-menu.gif
diff --git a/deploy/assets/dash-create-link-board.gif b/deploy/assets/dash-create-link-board.gif
new file mode 100644
index 000000000..354188fd9
--- /dev/null
+++ b/deploy/assets/dash-create-link-board.gif
diff --git a/deploy/assets/documentation.png b/deploy/assets/documentation.png
new file mode 100644
index 000000000..95c76b198
--- /dev/null
+++ b/deploy/assets/documentation.png
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
index dc0930a23..6a9c96854 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoUI.tsx
@@ -73,7 +73,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
                 docY = firstDoc()?.y;
                 return oneDoc;
             }],
-        }, setBackground("blue"), "/assets/dash-pin-with-view.gif"); // prettier-ignore
+        }, setBackground("blue")); // prettier-ignore
 
         const oneDoc = InfoState('Hello world! You can drag and drop to move your document around.', {
             // docCreated: [() => numDocs() > 1, () => multipleDocs],
@@ -143,13 +143,13 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
             activePen: [() => activeTool() === InkTool.Pen, () => penMode],
         }, setBackground("black")); // prettier-ignore
 
-        const presentDocs = InfoState('Another document! You could make a presentation. Click the pin icon on the top left corner.', {
+        const presentDocs = InfoState('Another document! You could make a presentation. Click the pin icon in the top left corner.', {
             docPinned: [() => pin().length > trail, () => {
                 trail = pin().length;
                 return pinnedDoc1;
             }],
             docRemoved: [() => numDocs() < 3, () => viewedLink],
-        }, setBackground("pink"), "assets/dash-pin-with-view.gif");
+        }, setBackground("black"), "/assets/dash-pin-with-view.gif");
 
         const penMode = InfoState('You\'re in pen mode. Click and drag to draw your first masterpiece.', {
             // activePen: [() => activeTool() === InkTool.Eraser, () => eraserMode],
@@ -171,7 +171,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
             docRemoved: [() => numDocs() < 3, () => viewedLink],
         });
 
-        const pinnedDoc2 = InfoState(`You pinned ${pin().length} docs.`, {
+        const pinnedDoc2 = InfoState(`You pinned another doc.`, {
             docPinned: [() => pin().length > trail, () => {
                 trail = pin().length;
                 return pinnedDoc3;
@@ -182,7 +182,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
             docRemoved: [() => numDocs() < 3, () => viewedLink],
         });
 
-        const pinnedDoc3 = InfoState(`You pinned ${pin().length} docs.`, {
+        const pinnedDoc3 = InfoState(`You pinned yet another doc.`, {
             docPinned: [() => pin().length > trail, () => {
                 trail = pin().length;
                 return pinnedDoc2;
@@ -218,7 +218,7 @@ export class CollectionFreeFormInfoUI extends ObservableReactComponent<Collectio
             docCreated: [() => numDocs() == 4, () => completed],
         });
 
-        const completed = InfoState('Eager to learn more? Click the ? icon on the top right corner to read our full documentation.', {
+        const completed = InfoState('Eager to learn more? Click the ? icon in the top right corner to read our full documentation.', {
             docRemoved: [() => numDocs() == 1, () => oneDoc],
         }, setBackground("white")); // prettier-ignore