Add eject flow

This commit is contained in:
Jon Staab
2024-12-04 10:10:41 -08:00
parent efb0528f76
commit 2e05eee9e7
4 changed files with 123 additions and 9 deletions
+5 -7
View File
@@ -1,30 +1,28 @@
<script lang="ts">
import {clearStorage} from "@welshman/app"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import Spinner from "@lib/components/Spinner.svelte"
import ModalHeader from "@lib/components/ModalHeader.svelte"
import ModalFooter from "@lib/components/ModalFooter.svelte"
import {logout} from "@app/commands"
const back = () => history.back()
const logout = async () => {
const doLogout = async () => {
loading = true
try {
await clearStorage()
localStorage.clear()
await logout()
window.location.href = "/"
} catch (e) {
loading = false
}
window.location.reload()
}
let loading = false
</script>
<form class="column gap-4" on:submit|preventDefault={logout}>
<form class="column gap-4" on:submit|preventDefault={doLogout}>
<ModalHeader>
<div slot="title">Are you sure you want<br />to log out?</div>
</ModalHeader>