\n {/* Header */}\n

🏃 Running Clothes

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

\n setActiveTab('plan')}\n className={`flex-1 py-3 px-4 text-sm font-medium border-b-2 transition-colors ${\n activeTab === 'plan'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n Plan\n \n setActiveTab('log')}\n className={`flex-1 py-3 px-4 text-sm font-medium border-b-2 transition-colors ${\n activeTab === 'log'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n Log\n \n

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

\n {loading ? (\n

\n ) : (\n <>\n {activeTab === 'plan' && }\n {activeTab === 'log' && (\n \n )}\n \n )}\n

\n\n {/* Floating Action Button */}\n setShowNewRunModal(true)}\n className=\"fixed bottom-6 right-6 w-14 h-14 bg-blue-600 text-white rounded-full shadow-lg hover:bg-blue-700 active:bg-blue-800 flex items-center justify-center text-2xl z-20 transition-colors\"\n aria-label=\"Log new run\"\n >\n +\n \n\n {/* New Run Modal */}\n {showNewRunModal && (\n setShowNewRunModal(false)}\n onSubmit={handleNewRun}\n />\n )}\n

\n );\n}\n","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/pcatterall7/running-clothes/code/frontend/components/App.tsx","extension","actionData","errors"]