\n {/* Header */}\n

\n setShowSidebar(!showSidebar)}\n >\n \n \n

VoiceSync

\n \n

\n {state.currentChannel && (\n \n )}\n \n

\n {state.user?.username}\n \n \n \n

\n \n \n

\n {/* Sidebar */}\n \n

Channels

\n setShowCreateChannel(true)}\n title=\"Create Channel\"\n >\n \n \n setShowJoinChannel(true)}\n title=\"Join Channel\"\n >\n \n \n

\n \n

\n {state.channels.map(channel => (\n {\n onSelectChannel(channel);\n setShowSidebar(false);\n }}\n >\n {channel.name}\n {channel.user_count && (\n \n {channel.user_count}\n \n )}\n \n ))}\n \n {state.channels.length === 0 && (\n

\n No channels yet. Create or join one!\n

\n )}\n

\n \n \n {/* Main content */}\n

\n {state.currentChannel ? (\n <>\n {/* Messages area */}\n

\n {state.messages.length === 0 ? (\n

\n \n

\n Welcome to {state.currentChannel.name}!
\n Start speaking or typing to see transcriptions.\n

\n ) : (\n \n )}\n

\n \n {/* Input area */}\n

\n \n \n \n \n

\n \n

\n \n \n \n \n

\n \n {!hasDeviceSupport && (\n

\n Your device doesn't support speech recognition. You can still type messages.\n

\n )}\n \n {interimTranscript && (\n

\n {interimTranscript}\n

\n )}\n

\n \n ) : (\n

\n \n

No Channel Selected

\n Select a channel from the sidebar or create a new one to start transcribing.\n

\n setShowCreateChannel(true)}\n >\n Create Channel\n \n setShowJoinChannel(true)}\n >\n Join Channel\n \n

\n )}\n

\n \n {/* Create Channel Modal */}\n {showCreateChannel && (\n

Create New Channel

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n \n Channel Name *\n \n setNewChannelName(e.target.value)}\n required\n />\n

\n \n

\n \n Description\n \n setNewChannelDescription(e.target.value)}\n rows={3}\n />\n

\n \n

\n \n setNewChannelPrivate(e.target.checked)}\n />\n Private Channel\n \n

\n \n

\n {\n setShowCreateChannel(false);\n setError(\"\");\n }}\n >\n Cancel\n \n \n Create\n \n

\n )}\n \n {/* Join Channel Modal */}\n {showJoinChannel && (\n

Join Channel

\n \n {publicChannels.length === 0 ? (\n

\n No public channels available. Create a new one!\n

\n ) : (\n

\n {publicChannels.map(channel => (\n \n

{channel.name}

\n {channel.description && (\n

{channel.description}

\n )}\n

\n handleJoinChannel(channel.id)}\n >\n Join\n \n

\n ))}\n

\n )}\n \n

\n setShowJoinChannel(false)}\n >\n Close\n \n

\n \n )}\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/rehanbgmi/voice/code/frontend/components/ChannelView.tsx","extension","actionData","errors"]