moved assets into public directory for now. fixed infoState to use gif

1 files changed, 6 insertions, 4 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
index 35833ab23..524869e6d 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
@@ -24,6 +24,7 @@ export class infoState {
         this[StateMessage] = message;
         Object.assign(this, arcs);
         this[StateEntryFunc] = entryFunc;
+        this[StateMessageGIF] = messageGif;
     }
 }
 
@@ -40,7 +41,7 @@ export function InfoState(
     msg: string, //
     arcs: { [key: string]: infoArc },
     entryFunc?: () => any,
-    gif?: string,
+    gif?: string
 ) {
     return new infoState(msg, arcs, entryFunc, gif);
 }
@@ -96,13 +97,14 @@ export class CollectionFreeFormInfoState extends ObservableReactComponent<Collec
     render() {
         return (
             <div className="infoUI">
-                <div className="gif-container">
-                    <img className="gif" src="/assets/link.png" alt="state message gif"></img>
+                <div className="gif-container" style={{ display: this.State?.[StateMessageGIF] ? undefined : 'none' }}>
+                    <img className="gif" src={this.State?.[StateMessageGIF]} alt="state message gif"></img>
                 </div>
 
                 {/* <img src={this.State?.[StateMessageGIF]} alt='state message gif'></img> */}
                 {/* <img src="./assets/link.png"></img> */}
                 {this.State?.[StateMessage]}
-        </div>)
+            </div>
+        );
     }
 }