Please log in to view your dashboard

\n \n

\n );\n \n case 'browse':\n return (\n \n );\n \n case 'task-detail':\n return selectedTaskId ? (\n setCurrentView('browse')}\n />\n ) : null;\n \n default:\n return openAuthModal('register')} />;\n }\n };\n\n return (\n

openAuthModal('login')}\n onRegister={() => openAuthModal('register')}\n onLogout={handleLogout}\n onCreateTask={() => setShowCreateTaskModal(true)}\n />\n \n

\n {state.loading && currentView === 'home' ? (\n \n ) : (\n renderCurrentView()\n )}\n \n {state.error && (\n

\n ⚠️\n {state.error}\n \n

\n )}\n

\n \n {showAuthModal && (\n setShowAuthModal(false)}\n onLogin={handleLogin}\n onRegister={handleRegister}\n onSwitchMode={(mode) => setAuthMode(mode)}\n loading={state.loading}\n error={state.error}\n />\n )}\n \n {showCreateTaskModal && state.isAuthenticated && (\n setShowCreateTaskModal(false)}\n onTaskCreated={() => {\n setShowCreateTaskModal(false);\n if (currentView === 'browse') {\n loadTasks();\n }\n }}\n />\n )}\n

\n );\n}\n\nfunction HomePage({ onGetStarted }: { onGetStarted: () => void }) {\n return (\n

\n Trade Skills, Not Money\n

\n Exchange tasks with others in your community. \"I'll write your email if you solve this Excel issue for me\" - \n that's the TaskSwap way.\n

\n \n

\n \n \n

\n \n

🔄

Fair Exchange

\n Token-based system ensures balanced trades. Everyone gets fair value for their skills.\n

\n \n

🤝

Community Driven

\n Connect with people in your area. Build relationships while getting things done.\n

\n \n

⚡

Quick & Easy

\n Post a task, find a match, and start collaborating. No complex contracts or payments.\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/vishuu6969696969/taskswap/code/frontend/components/App.tsx","extension","actionData","errors"]