Gym Tracker

\n \n

\n setCurrentView('dashboard')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'dashboard' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Dashboard\n \n setCurrentView('workouts')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'workouts' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Workouts\n \n setCurrentView('progress')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'progress' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Progress\n \n setCurrentView('chat')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'chat' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Community Chat\n \n setCurrentView('exercises')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'exercises' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n Exercises\n \n

\n \n

\n Welcome, {user.username}!\n \n Logout\n \n

\n \n {/* Mobile Navigation */}\n

\n {['dashboard', 'workouts', 'progress', 'chat', 'exercises'].map((view) => (\n setCurrentView(view as any)}\n className={`block w-full text-left px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === view \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n {view.charAt(0).toUpperCase() + view.slice(1)}\n \n ))}\n

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

\n \n

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