Refactoring: port wikipedia panel to Svelte

UI/BigComponents/AllDownloads.ts

@@ -1,62 +1,33 @@
 import Combine from "../Base/Combine"
-import ScrollableFullScreen from "../Base/ScrollableFullScreen"
 import Translations from "../i18n/Translations"
 import { UIEventSource } from "../../Logic/UIEventSource"
-import BaseUIElement from "../BaseUIElement"
 import Toggle from "../Input/Toggle"
 import { SubtleButton } from "../Base/SubtleButton"
 import Svg from "../../Svg"
 import ExportPDF from "../ExportPDF"
 import FilteredLayer from "../../Models/FilteredLayer"
-import FeaturePipeline from "../../Logic/FeatureSource/FeaturePipeline"
 import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig"
 import { BBox } from "../../Logic/BBox"
-import BaseLayer from "../../Models/BaseLayer"
 import Loc from "../../Models/Loc"
 
-interface DownloadState {
-    filteredLayers: UIEventSource<FilteredLayer[]>
-    featurePipeline: FeaturePipeline
-    layoutToUse: LayoutConfig
-    currentBounds: UIEventSource<BBox>
-    backgroundLayer: UIEventSource<BaseLayer>
-    locationControl: UIEventSource<Loc>
-    featureSwitchExportAsPdf: UIEventSource<boolean>
-    featureSwitchEnableExport: UIEventSource<boolean>
-}
-
-export default class AllDownloads extends ScrollableFullScreen {
+export default class AllDownloads extends SubtleButton {
     constructor(
         isShown: UIEventSource<boolean>,
         state: {
             filteredLayers: UIEventSource<FilteredLayer[]>
-            featurePipeline: FeaturePipeline
             layoutToUse: LayoutConfig
             currentBounds: UIEventSource<BBox>
-            backgroundLayer: UIEventSource<BaseLayer>
             locationControl: UIEventSource<Loc>
             featureSwitchExportAsPdf: UIEventSource<boolean>
             featureSwitchEnableExport: UIEventSource<boolean>
         }
     ) {
-        super(AllDownloads.GenTitle, () => AllDownloads.GeneratePanel(state), "downloads", isShown)
-    }
-
-    private static GenTitle(): BaseUIElement {
-        return Translations.t.general.download.title
-            .Clone()
-            .SetClass("text-2xl break-words font-bold p-2")
-    }
-
-    private static GeneratePanel(state: DownloadState): BaseUIElement {
         const isExporting = new UIEventSource(false, "Pdf-is-exporting")
         const generatePdf = () => {
             isExporting.setData(true)
             new ExportPDF({
                 freeDivId: "belowmap",
-                background: state.backgroundLayer,
                 location: state.locationControl,
-                features: state.featurePipeline,
                 layout: state.layoutToUse,
             }).isRunning.addCallbackAndRun((isRunning) => isExporting.setData(isRunning))
         }
@@ -78,6 +49,6 @@ export default class AllDownloads extends ScrollableFullScreen {
             isExporting
         )
 
-        return new SubtleButton(icon, text)
+        super(icon, text)
     }
 }

UI/BigComponents/LeftControls.ts

@@ -6,8 +6,6 @@ import AllDownloads from "./AllDownloads"
 import { Store, UIEventSource } from "../../Logic/UIEventSource"
 import Lazy from "../Base/Lazy"
 import { VariableUiElement } from "../Base/VariableUIElement"
-import FeatureInfoBox from "../Popup/FeatureInfoBox"
-import FeaturePipelineState from "../../Logic/State/FeaturePipelineState"
 import { DefaultGuiState } from "../DefaultGuiState"
 
 export default class LeftControls extends Combine {
@@ -57,8 +55,6 @@ export default class LeftControls extends Combine {
 
         new AllDownloads(guiState.downloadControlIsOpened, state)
 
-
-
         super([currentViewAction])
 
         this.SetClass("flex flex-col")

UI/BigComponents/PlantNetSpeciesSearch.ts

@@ -7,7 +7,6 @@ import WikidataPreviewBox from "../Wikipedia/WikidataPreviewBox"
 import { Button } from "../Base/Button"
 import Combine from "../Base/Combine"
 import Title from "../Base/Title"
-import WikipediaBox from "../Wikipedia/WikipediaBox"
 import Translations from "../i18n/Translations"
 import List from "../Base/List"
 import Svg from "../../Svg"
@@ -97,7 +96,7 @@ export default class PlantNetSpeciesSearch extends VariableUiElement {
                             if (wikidataSpecies === undefined) {
                                 return plantOverview
                             }
-                            const buttons = new Combine([
+                            return new Combine([
                                 new Button(
                                     new Combine([
                                         Svg.back_svg().SetClass(
@@ -120,15 +119,6 @@ export default class PlantNetSpeciesSearch extends VariableUiElement {
                                     }
                                 ).SetClass("btn"),
                             ]).SetClass("flex justify-between")
-
-                            return new Combine([
-                                new WikipediaBox([wikidataSpecies], {
-                                    firstParagraphOnly: false,
-                                    noImages: false,
-                                    addHeader: false,
-                                }).SetClass("h-96"),
-                                buttons,
-                            ]).SetClass("flex flex-col self-end")
                         })
                     )
                 })