diff --git a/src/app/components/VoiceWidget.svelte b/src/app/components/VoiceWidget.svelte index efe54bea..5b24ddbe 100644 --- a/src/app/components/VoiceWidget.svelte +++ b/src/app/components/VoiceWidget.svelte @@ -3,10 +3,14 @@ import Microphone from "@assets/icons/microphone.svg?dataurl" import MicrophoneOff from "@assets/icons/microphone-off.svg?dataurl" import PhoneRounded from "@assets/icons/phone-rounded.svg?dataurl" + import InfoCircle from "@assets/icons/info-circle.svg?dataurl" import Icon from "@lib/components/Icon.svelte" import Button from "@lib/components/Button.svelte" import {displayRoom} from "@app/core/state" + import {get} from "svelte/store" import {currentVoiceSession, leaveVoiceRoom, toggleMute} from "@app/voice" + import RoomDetail from "@app/components/RoomDetail.svelte" + import {pushModal} from "@app/util/modal" const roomName = $derived( $currentVoiceSession ? displayRoom($currentVoiceSession.url, $currentVoiceSession.h) : "", @@ -15,15 +19,24 @@ const handleDisconnect = () => leaveVoiceRoom() const handleToggleMute = () => toggleMute() + const showRoomDetail = () => { + const session = get(currentVoiceSession) + if (session) pushModal(RoomDetail, {url: session.url, h: session.h}) + } {#if $currentVoiceSession}
-
- Voice Connected - - {roomName} / {spaceName} - +
+
+ Voice Connected + + {roomName} / {spaceName} + +
+