MapComplete/UI/BigComponents/NoThemeResultButton.svelte

<script context="module" lang="ts">
    export interface Theme {
        id: string
        icon: string
        title: any
        shortDescription: any
        definition?: any
        mustHaveLanguage?: boolean
        hideFromOverview: boolean
        keywords?: any[]
    }
</script>

<script lang="ts">
    import {UIEventSource} from "../../Logic/UIEventSource"
    import Svg from "../../Svg"
    import SubtleButton from "../Base/SubtleButton.svelte"
    import ToSvelte from "../Base/ToSvelte.svelte"
    import Translations from "../i18n/Translations"
    import Tr from "../Base/Tr.svelte";

    export let search: UIEventSource<string>

    const t = Translations.t.general.morescreen
</script>

<div class="w-full">
    <h5>{t.noMatchingThemes.toString()}</h5>
    <div class="flex justify-center">

        <button on:click={() => search.setData("")}>
            <ToSvelte construct={Svg.search_disable_svg().SetClass("w-6 mr-2")}/>
            <Tr slot="message" t={t.noSearch}/>
        </button>
    </div>
</div>