MapComplete/UI/Base/ShareButton.svelte

<script lang="ts">
    
import ToSvelte from "./ToSvelte.svelte";
import Svg from "../../Svg";

export let generateShareData: () => {
    text: string
    title: string
    url: string
}
function share(){
    if (!navigator.share) {
        console.log("web share not supported")
        return;
    }
    navigator
        .share(generateShareData())
        .then(() => {
            console.log("Thanks for sharing!")
        })
        .catch((err) => {
            console.log(`Couldn't share because of`, err.message)
        })
}

</script>


<button on:click={share} class="secondary w-8 h-8 m-0 p-0">
    <slot name="content">
        <ToSvelte construct={Svg.share_svg().SetClass("w-7 h-7 p-1")}/>
    </slot>
</button>