aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx')
-rw-r--r--src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx21
1 files changed, 9 insertions, 12 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx
index 3eaed79b6..b50fff9e0 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/Menu/TemplateEditingWindow.tsx
@@ -1,7 +1,6 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { action, makeAutoObservable, makeObservable, observable, reaction, runInAction } from "mobx";
+import { action, makeObservable, observable, reaction, runInAction } from "mobx";
import React from "react";
-import { returnFalse, returnEmptyFilter, returnTrue } from "../../../../../../ClientUtils";
+import { returnFalse, returnEmptyFilter } from "../../../../../../ClientUtils";
import { emptyFunction } from "../../../../../../Utils";
import { Doc, returnEmptyDoclist } from "../../../../../../fields/Doc";
import { DefaultStyleProvider } from "../../../../StyleProvider";
@@ -11,14 +10,10 @@ import { TemplatePreviewGrid } from "./TemplatePreviewGrid";
import { observer } from "mobx-react";
import { Transform } from "../../../../../util/Transform";
import { Template } from "../Template";
-import { TemplateMenuAIUtils } from "../Backend/TemplateMenuAIUtils";
import { ObservableReactComponent } from "../../../../ObservableReactComponent";
import { IDisposer } from "mobx-utils";
-import { ImageField } from "../../../../../../fields/URLField";
import { DocCreatorMenuButton } from "./DocCreatorMenuButton";
-import { TbHistory } from "react-icons/tb";
import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { docStyle } from "pdfjs-dist/types/web/ui_utils";
export type FireflyStructureOptions = {
numVariations: number;
@@ -56,7 +51,7 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
cloneTemplate.setMatteBackground();
const doc: Doc = cloneTemplate.getRenderedDoc()!;
this._variationURLs = await this._props.menu.generateVariations(doc, this.prompt, this.fireflyOptions);
- this._variationURLs.forEach(url => {
+ this._variationURLs.forEach(() => {
const newTemplate: Template = this._props.template.clone(true);
this._props.menu._variations.push(newTemplate);
});
@@ -72,7 +67,9 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
this.promptInput = node;
}
+ // eslint-disable-next-line
private optionsButtonOpts: [IconProp, () => any] = ['gear', () => {}];
+ // eslint-disable-next-line
private previewBoxRightButtonOpts: [IconProp, () => any] = ['gear', () => this.forceUpdate()];
render() {
@@ -93,7 +90,7 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
<textarea
className="docCreatorMenu-variation-prompt-input-textbox"
ref={this.setPromptInputRef}
- onChange={e => this.prompt = e.target.value}
+ onChange={e => { this.prompt = e.target.value }}
onInput={() => {
if (this.promptInput !== null) {
this.promptInput.style.height = 'auto';
@@ -108,7 +105,7 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
<nav className="options‑menu">
<label className="menu‑item switch">
<input type="checkbox" checked={this.fireflyOptions.useStyleRef}
- onChange={(e) => runInAction(() => this.fireflyOptions.useStyleRef = e.target.checked)}
+ onChange={(e) => runInAction(() => { this.fireflyOptions.useStyleRef = e.target.checked })}
/>
<span className="slider round"></span>
<span className="firefly-option-label">Use template as style guide</span>
@@ -119,7 +116,7 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
min="1"
max="5"
value={this.fireflyOptions.numVariations}
- onChange={(e) => runInAction(() => this.fireflyOptions.numVariations = Number(e.target.value))}
+ onChange={(e) => runInAction(() => { this.fireflyOptions.numVariations = Number(e.target.value) })}
/>
<span className="value" id="varVal">{this.fireflyOptions.numVariations}</span>
</div>
@@ -129,7 +126,7 @@ export class FireflyVariationsTab extends ObservableReactComponent<FireflyVariat
min="1"
max="100"
value={this.fireflyOptions.temperature}
- onChange={(e) => runInAction(() => this.fireflyOptions.temperature = Number(e.target.value))}
+ onChange={(e) => runInAction(() => { this.fireflyOptions.temperature = Number(e.target.value) })}
/>
<span className="value" id="tempVal">{this.fireflyOptions.temperature}</span>
</div>