🎸

GuitarHub

Find work, chat with fellow guitarists!

\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n 🎸\n

GuitarHub

Welcome, {username}!

\n \n

\n {isConnected ? 'Connected' : 'Disconnected'}\n

🎵 Keep on rockin'!

\n\n {/* Navigation Tabs */}\n

\n setActiveTab('jobs')}\n className={`py-4 px-2 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'jobs'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n 💼 Job Board\n \n setActiveTab('chat')}\n className={`py-4 px-2 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'chat'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n 💬 Chat Room\n \n

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

\n {activeTab === 'jobs' ? (\n \n ) : (\n

\n 💬\n Chat Messages\n \n {messages.length} messages\n \n

\n \n

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

🎼

No messages yet. Start the conversation!

Share your favorite songs, gear, or ask for advice!

\n ) : (\n messages.map((message) => (\n \n ))\n )}\n

\n\n {/* Message Input */}\n \n

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n}","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/kyei94/GuitarBoard/code/frontend/components/App.tsx","extension","actionData","errors"]