Files
DeviceManager/src/lib/components/PwaStatus.svelte
Thea Schöbl 2808973ad0 feat: enable stricter type checking options
feat: make the app more fault tolerant
2024-04-06 14:28:23 +02:00

24 lines
612 B
Svelte

<script>
// @ts-expect-error no types here
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>