Files
DeviceManager/src/lib/components/PwaStatus.svelte
2023-12-21 18:08:16 +01:00

23 lines
570 B
Svelte

<script>
import {useRegisterSW} from "virtual:pwa-register/svelte"
const {needRefresh, updateServiceWorker, offlineReady} = useRegisterSW()
</script>
{#if $needRefresh}
<button title="Update ready" on:click={() => updateServiceWorker(true)}
>Update <span class="icon">update</span></button
>
{:else if $offlineReady}
<div title="App can now be used offline" class="icon">offline_pin</div>
{/if}
<style lang="scss">
button {
cursor: pointer;
color: var(--md-sys-color-on-background);
background: transparent;
border: none;
}
</style>