Matrix Client

{session.userId}

\n {/* Close sidebar button (mobile only) */}\n setShowSidebar(false)}\n className=\"p-2 theme-text-muted rounded-lg theme-hover transition-colors lg:hidden\"\n title=\"Close sidebar\"\n >\n \n \n\n {/* Settings button */}\n setShowSettings(true)}\n className=\"p-2 theme-text-muted rounded-lg theme-hover transition-colors group\"\n title=\"Settings\"\n >\n \n \n \n {/* Logout button */}\n \n \n \n

\n\n {/* Room List */}\n

\n \n

\n\n {/* Main Content */}\n

\n {selectedRoom ? (\n <>\n {/* Mobile Header */}\n

\n setShowSidebar(true)}\n className=\"p-2 theme-text-muted rounded-lg theme-hover transition-colors\"\n title=\"Open sidebar\"\n >\n \n \n

{selectedRoom.name}

\n {selectedRoom.topic && (\n

{selectedRoom.topic}

\n )}\n

\n \n \n ) : (\n <>\n {/* Mobile Header for welcome screen */}\n

\n setShowSidebar(true)}\n className=\"p-2 theme-text-muted rounded-lg theme-hover transition-colors\"\n title=\"Open sidebar\"\n >\n \n \n

Matrix Client

\n \n

Welcome to Matrix

\n Select a room from the sidebar to start chatting with your community. \n Your conversations are end-to-end encrypted and decentralized.\n

\n setShowSidebar(true)}\n className=\"mt-6 lg:hidden theme-button px-6 py-3 rounded-lg font-medium transition-colors\"\n >\n Browse Rooms\n \n

\n \n )}\n

\n\n {/* Settings Modal */}\n {showSettings && (\n setShowSettings(false)} />\n )}\n

\n );\n}","deleted","label",[172,173,154],"frontend","components","permalink","https://www.val.town/x/loading/matrix/code/frontend/components/App.tsx","extension","actionData","errors"]