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 + {/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)