Move HelpText to where it belongs

UI/CustomGenerator/CustomGeneratorPanel.ts

@@ -7,7 +7,6 @@ import Combine from "../Base/Combine";
 import {VariableUiElement} from "../Base/VariableUIElement";
 import {TabbedComponent} from "../Base/TabbedComponent";
 import PageSplit from "../Base/PageSplit";
-import HelpText from "../../Customizations/HelpText";
 import AllLayersPanel from "./AllLayersPanel";
 import SharePanel from "./SharePanel";
 import {LayoutConfigJson} from "../../Customizations/JSON/LayoutConfigJson";
@@ -16,6 +15,7 @@ import {State} from "../../State";
 import {FixedUiElement} from "../Base/FixedUiElement";
 import SavePanel from "./SavePanel";
 import {LocalStorageSource} from "../../Logic/Web/LocalStorageSource";
+import HelpText from "./HelpText";
 
 
 export default class CustomGeneratorPanel extends UIElement {

UI/CustomGenerator/HelpText.ts

@@ -0,0 +1,50 @@
+import {UIEventSource} from "../../Logic/UIEventSource";
+import {UIElement} from "../UIElement";
+import {VariableUiElement} from "../Base/VariableUIElement";
+import {SubtleButton} from "../Base/SubtleButton";
+import Combine from "../Base/Combine";
+import SingleSetting from "./SingleSetting";
+
+export default class HelpText extends UIElement {
+
+    private helpText: UIElement;
+    private returnButton: UIElement;
+
+    constructor(currentSetting: UIEventSource<SingleSetting<any>>) {
+        super();
+        this.returnButton = new SubtleButton("./assets/close.svg",
+            new VariableUiElement(
+                currentSetting.map(currentSetting => {
+                        if (currentSetting === undefined) {
+                            return "";
+                        }
+                        return "Return to general help";
+                    }
+                )
+            ))
+            .ListenTo(currentSetting)
+            .SetClass("small-button")
+            .onClick(() => currentSetting.setData(undefined));
+
+
+        this.helpText = new VariableUiElement(currentSetting.map((setting: SingleSetting<any>) => {
+            if (setting === undefined) {
+                return "<h1>Welcome to the Custom Theme Builder</h1>" +
+                    "Here, one can make their own custom mapcomplete themes.<br/>" +
+                    "Fill out the fields to get a working mapcomplete theme. More information on the selected field will appear here when you click it.<br/>" +
+                    "Want to see how the quests are doing in number of visits? All the stats are open on <a href='https://pietervdvn.goatcounter.com' target='_blank'>goatcounter</a>";
+            }
+
+            return new Combine(["<h1>", setting._name, "</h1>", setting._description.Render()]).Render();
+        }))
+
+
+    }
+
+    InnerRender(): string {
+        return new Combine([this.helpText,
+            this.returnButton,
+        ]).Render();
+    }
+
+}

UI/CustomGenerator/LayerPanelWithPreview.ts

@@ -2,7 +2,7 @@ import {UIElement} from "../UIElement";
 import {UIEventSource} from "../../Logic/UIEventSource";
 import SingleSetting from "./SingleSetting";
 import LayerPanel from "./LayerPanel";
-import HelpText from "../../Customizations/HelpText";
+import HelpText from "./HelpText";
 import {MultiTagInput} from "../Input/MultiTagInput";
 import {FromJSON} from "../../Customizations/JSON/FromJSON";
 import Combine from "../Base/Combine";