added standard 3d gl view for maps. added close button for infoUI.

1 files changed, 8 insertions, 2 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
index 763d14116..d9f7ca6ea 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
@@ -1,6 +1,8 @@
-import { IReactionDisposer, makeObservable, reaction } from 'mobx';
+import { IconButton, Size, Type } from 'browndash-components';
+import { action, IReactionDisposer, makeObservable, observable, reaction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
+import { SettingsManager } from '../../../util/SettingsManager';
 import { ObservableReactComponent } from '../../ObservableReactComponent';
 import './CollectionFreeFormView.scss';
 // import assets from './assets/link.png';
@@ -54,6 +56,7 @@ export interface CollectionFreeFormInfoStateProps {
 @observer
 export class CollectionFreeFormInfoState extends ObservableReactComponent<CollectionFreeFormInfoStateProps> {
     _disposers: IReactionDisposer[] = [];
+    @observable _hide = false;
 
     constructor(props: any) {
         super(props);
@@ -96,11 +99,14 @@ export class CollectionFreeFormInfoState extends ObservableReactComponent<Collec
     }
     render() {
         return (
-            <div className="infoUI">
+            <div className="collectionFreeform-infoUI" style={{display:this._hide ? 'none':undefined}}>
                 <div className="msg">{this.State?.[StateMessage]}</div>
                 <div className="gif-container" style={{ display: this.State?.[StateMessageGIF] ? undefined : 'none' }}>
                     <img className="gif" src={this.State?.[StateMessageGIF]} alt="state message gif"></img>
                 </div>
+               <div style={{position:"absolute", top:-10, left:-10}}>
+                   <IconButton icon="x" color={SettingsManager.userColor} size={Size.XSMALL} type={Type.TERT} background={SettingsManager.userBackgroundColor} onClick={action(e => this._hide = true)} />
+                </div>
             </div>
         );
     }