diff --git a/src/app/components/VoiceRoomJoinDialog.svelte b/src/app/components/VoiceRoomJoinDialog.svelte
index b9436e66..8bba88b5 100644
--- a/src/app/components/VoiceRoomJoinDialog.svelte
+++ b/src/app/components/VoiceRoomJoinDialog.svelte
@@ -12,10 +12,11 @@
import ModalHeader from "@lib/components/ModalHeader.svelte"
import ModalSubtitle from "@lib/components/ModalSubtitle.svelte"
import ModalTitle from "@lib/components/ModalTitle.svelte"
+ import {AbortError, TimeoutError} from "$lib/util"
import {displayRoom} from "@app/core/state"
- import {handleJoinError} from "@app/components/VoiceWidget.svelte"
import {joinVoiceRoom} from "@app/voice"
import {popModal} from "@app/util/modal"
+ import {pushToast} from "@app/util/toast"
type Props = {
url: string
@@ -46,6 +47,16 @@
const goBack = () => history.back()
+ const handleJoinError = (e: unknown) => {
+ if (e instanceof AbortError) return
+ console.error("Failed to join voice room", e)
+ let message = "Failed to join voice room"
+ if (e instanceof TimeoutError)
+ message = "Connection timed out. Please check your network and try again."
+ else if (e instanceof Error) message = e.message
+ pushToast({theme: "error", message})
+ }
+
const joinVoice = async () => {
popModal()
await joinVoiceRoom(
diff --git a/src/app/components/VoiceWidget.svelte b/src/app/components/VoiceWidget.svelte
index ddfa7619..1ed8356e 100644
--- a/src/app/components/VoiceWidget.svelte
+++ b/src/app/components/VoiceWidget.svelte
@@ -1,18 +1,3 @@
-
-