Weekly Reports & Chat

Share your progress and collaborate with the team

\n \n {reports.length} reports • {messages.length} messages\n \n

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

\n setActiveTab('reports')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'reports'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📊 Weekly Reports ({reports.length})\n \n setActiveTab('chat')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'chat'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 💬 Team Chat ({messages.length})\n \n setActiveTab('submit')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'submit'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n ✏️ Submit Report\n \n

\n\n {/* Error Banner */}\n {error && (\n

\n ⚠️\n

{error}

\n setError(null)}\n className=\"text-red-400 hover:text-red-600\"\n >\n ✕\n \n

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

\n {activeTab === 'reports' && (\n \n )}\n {activeTab === 'chat' && (\n \n )}\n {activeTab === 'submit' && (\n \n )}\n

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

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