diff --git a/src/app/features/create-room/CreateRoom.tsx b/src/app/features/create-room/CreateRoom.tsx index 6cf9f708..d607640e 100644 --- a/src/app/features/create-room/CreateRoom.tsx +++ b/src/app/features/create-room/CreateRoom.tsx @@ -45,10 +45,12 @@ import { CreateRoomVoiceSelector, } from '../../components/create-room/CreateRoomVoiceSelector'; -const getCreateRoomKindToIcon = (kind: CreateRoomKind) => { - if (kind === CreateRoomKind.Private) return Icons.HashLock; - if (kind === CreateRoomKind.Restricted) return Icons.Hash; - return Icons.HashGlobe; +const getCreateRoomKindToIcon = (kind: CreateRoomKind, voice?: CreateRoomVoice) => { + const isVoiceRoom = voice === CreateRoomVoice.VoiceRoom; + // TODO: Add VoiceLock and VoiceGlobe icons + if (kind === CreateRoomKind.Private) return isVoiceRoom ? Icons.Lock : Icons.HashLock; + if (kind === CreateRoomKind.Restricted) return isVoiceRoom ? Icons.VolumeHigh : Icons.Hash; + return isVoiceRoom ? Icons.VolumeHigh : Icons.HashGlobe; }; const getCreateRoomVoiceToIcon = (kind: CreateRoomVoice) => { @@ -165,15 +167,17 @@ export function CreateRoomForm({ return ( - - Type - - + {!space && ( + + Type + + + )} Access getCreateRoomKindToIcon(roomKind, voice)} /> Name } + before={} name="nameInput" autoFocus size="500" diff --git a/src/app/features/create-room/CreateRoomModal.tsx b/src/app/features/create-room/CreateRoomModal.tsx index 2f23c4e9..8b74eafb 100644 --- a/src/app/features/create-room/CreateRoomModal.tsx +++ b/src/app/features/create-room/CreateRoomModal.tsx @@ -23,6 +23,7 @@ import { } from '../../state/hooks/createRoomModal'; import { CreateRoomModalState } from '../../state/createRoomModal'; import { stopPropagation } from '../../utils/keyboard'; +import { CreateRoomVoice } from '../../components/create-room/CreateRoomVoiceSelector'; type CreateRoomModalProps = { state: CreateRoomModalState; @@ -58,7 +59,7 @@ function CreateRoomModal({ state }: CreateRoomModalProps) { }} > - New Room + New {voice === CreateRoomVoice.VoiceRoom && 'Voice '}Room