\n );\n }\n\n if (!currentUser) {\n if (showSignup) {\n return (\n setShowSignup(false)}\n />\n );\n } else {\n return (\n setShowSignup(true)}\n />\n );\n }\n }\n\n return (\n

\n {/* Header */}\n

OUT

Hey {currentUser.name}! 👋

\n \n Sign Out\n \n

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

\n setActiveTab('discover')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'discover'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Discover\n \n setActiveTab('create')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'create'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Create Activity\n \n setActiveTab('friends')}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'friends'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Friends\n \n

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

\n {activeTab === 'discover' && (\n

\n What's happening nearby?\n

\n \n Refresh\n \n

\n \n {error && (\n

{error}

\n )}\n \n \n

\n )}\n\n {activeTab === 'create' && (\n

\n Broadcast an Activity\n

\n \n

\n )}\n\n {activeTab === 'friends' && (\n

\n Manage Your Social Circles\n

\n loadUser(currentUser.userId)}\n />\n

\n )}\n

\n );\n}","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/jessicaocean/OUT-app/code/frontend/components/App.tsx","extension","actionData","errors"]