diff options
Diffstat (limited to 'src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx')
-rw-r--r-- | src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx | 69 |
1 files changed, 35 insertions, 34 deletions
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx index 3e6aa777f..fe5910671 100644 --- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx +++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx @@ -1,5 +1,4 @@ import { Button, Colors, NumberDropdown, Size, Type } from '@dash/components'; -import { Slider } from '@mui/material'; import { Bezier } from 'bezier-js'; import { Property } from 'csstype'; import { action, computed, IReactionDisposer, makeObservable, observable, reaction, runInAction } from 'mobx'; @@ -94,7 +93,7 @@ export interface collectionFreeformViewProps { @observer export class CollectionFreeFormView extends CollectionSubView<Partial<collectionFreeformViewProps>>() { private static _infoUIInstance: CollectionFreeFormInfoUI | null = null; - + public get displayName() { return 'CollectionFreeFormView(' + (this.Document.title?.toString() ?? '') + ')'; } // this makes mobx trace() statements more descriptive @@ -1756,47 +1755,46 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection CollectionFreeFormView._infoUI = func; } /** - * Called from TutorialTool in Agent system - */ - public static showTutorial(kind: 'links' | 'pins' | 'presentation') { + * Called from TutorialTool in Agent system + */ + public static showTutorial(kind: 'links' | 'pins' | 'presentation') { const ui = CollectionFreeFormView._infoUIInstance; if (!ui) return; switch (kind) { - case 'links': - ui.skipToState((ui).tutorialStates.multipleDocs); - ui._nextState - break; - case 'pins': - ui.skipToState((ui).tutorialStates.presentDocs); - ui._nextState - break; - case 'presentation': - ui.skipToState((ui).tutorialStates.makePresentation); - ui._nextState - break; + case 'links': + ui.skipToState(ui.tutorialStates.multipleDocs); + ui._nextState; + break; + case 'pins': + ui.skipToState(ui.tutorialStates.presentDocs); + ui._nextState; + break; + case 'presentation': + ui.skipToState(ui.tutorialStates.makePresentation); + ui._nextState; + break; } - } + } infoUI = () => { Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth ? null // : CollectionFreeFormView._infoUI?.(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo) || null; - if (Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth) { - return null; - } - const creator = CollectionFreeFormView._infoUI; - if (!creator) return null; - const element = creator(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo); - // attach ref so we can call skipToState(...) later - return React.isValidElement(element) - ? React.cloneElement(element, { - ref: (r: CollectionFreeFormInfoUI) => { - CollectionFreeFormView._infoUIInstance = r; - } - }) - : element; - + if (Doc.IsInfoUIDisabled || this.Document.annotationOn || this._props.renderDepth) { + return null; + } + const creator = CollectionFreeFormView._infoUI; + if (!creator) return null; + const element = creator(this.Document, this.layoutDoc, this.childDocsFunc, this.closeInfo); + // attach ref so we can call skipToState(...) later + return React.isValidElement(element) + ? React.cloneElement(element, { + ref: (r: CollectionFreeFormInfoUI) => { + CollectionFreeFormView._infoUIInstance = r; + }, + }) + : element; }; componentDidMount() { this._props.setContentViewBox?.(this); @@ -2248,7 +2246,10 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection max={100} number={this._fireflyRefStrength} size={Size.XXSMALL} - setNumber={undoable(action(val => (this._fireflyRefStrength = val as number)),`${this.Document.title} button set from list` )} + setNumber={undoable( + action(val => (this._fireflyRefStrength = val as number)), + `${this.Document.title} button set from list` + )} fillWidth /> </div> |