diff --git a/src/app/components/SpaceMenu.svelte b/src/app/components/SpaceMenu.svelte
index 8029a073..55b2f8e2 100644
--- a/src/app/components/SpaceMenu.svelte
+++ b/src/app/components/SpaceMenu.svelte
@@ -268,7 +268,9 @@
{/if}
{#if $roomsWithLivekit.has(h)}
-
+
+
+
{/if}
{/each}
{#if $otherRooms.length > 0}
@@ -293,12 +295,14 @@
{/if}
{/each}
{#if $otherVoiceRooms.length > 0}
-
- Voice Rooms
+
+
+
Voice Rooms
+ {#each $otherVoiceRooms as h (h)}
+
+ {/each}
+
{/if}
- {#each $otherVoiceRooms as h (h)}
-
- {/each}
{#if $canCreateRoom}
diff --git a/src/app/components/VoiceRoomItem.svelte b/src/app/components/VoiceRoomItem.svelte
index 465ebd86..e3969d0b 100644
--- a/src/app/components/VoiceRoomItem.svelte
+++ b/src/app/components/VoiceRoomItem.svelte
@@ -5,7 +5,6 @@
import VolumeLoud from "@assets/icons/volume-loud.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import SecondaryNavItem from "@lib/components/SecondaryNavItem.svelte"
- import {isMobileViewport} from "@lib/html"
import ProfileCircle from "@app/components/ProfileCircle.svelte"
import RoomName from "@app/components/RoomName.svelte"
import {pushToast} from "@app/util/toast"
@@ -30,10 +29,6 @@
let joinAbortController: AbortController | undefined
const handleClick = async () => {
- if (isMobileViewport()) {
- pushToast({theme: "error", message: "Voice rooms are not yet supported on mobile."})
- return
- }
if (isActive) {
await leaveVoiceRoom()
return
diff --git a/src/lib/html.ts b/src/lib/html.ts
index 255033fe..f736178a 100644
--- a/src/lib/html.ts
+++ b/src/lib/html.ts
@@ -80,9 +80,6 @@ export const createScroller = ({
export const isMobile = "ontouchstart" in document.documentElement
-// Remove this when we implement voice rooms on mobile
-export const isMobileViewport = () => window.innerWidth <= 768
-
export const downloadText = (filename: string, text: string) => {
const blob = new Blob([text], {type: "text/plain"})
const url = URL.createObjectURL(blob)