Use if let

src/app/components/VoiceWidget.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import {ifLet} from "@welshman/lib"
   import {displayRelayUrl} from "@welshman/util"
   import Microphone from "@assets/icons/microphone.svg?dataurl"
   import MicrophoneOff from "@assets/icons/microphone-off.svg?dataurl"
@@ -8,6 +9,7 @@
   import Button from "@lib/components/Button.svelte"
   import {displayRoom} from "@app/core/state"
   import RoomDetail from "@app/components/RoomDetail.svelte"
+  import type {VoiceSession} from "@app/voice"
   import {currentVoiceSession, leaveVoiceRoom, toggleMute} from "@app/voice"
   import {pushModal} from "@app/util/modal"
 
@@ -17,8 +19,9 @@
   const spaceName = $derived($currentVoiceSession ? displayRelayUrl($currentVoiceSession.url) : "")
 
   const showRoomDetail = () => {
-    const session = $currentVoiceSession
+    ifLet($currentVoiceSession, (session: VoiceSession) =>
-    if (session) pushModal(RoomDetail, {url: session.url, h: session.h})
+      pushModal(RoomDetail, {url: session.url, h: session.h}),
+    )
   }
 </script>