\n Project Management\n

\n \n {user.role === 'agency' ? 'Agency' : 'Customer'}\n \n

\n \n

\n \n Welcome, {user.name}\n \n \n Sign Out\n \n

\n\n

\n {/* Stats Cards */}\n {stats && (\n

\n \n

Total Projects

{stats.total_projects}

\n\n

\n \n

Active Projects

{stats.active_projects}

\n\n

\n \n

Completed

{stats.completed_projects}

\n\n

\n \n

Messages

{stats.pending_messages}

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

\n setActiveTab('overview')}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'overview'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Project Overview\n \n \n {selectedProject && (\n setActiveTab('messages')}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'messages'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n Messages - {selectedProject.title}\n \n )}\n \n {user.role === 'agency' && (\n {\n setActiveTab('form');\n setShowProjectForm(true);\n }}\n className={`py-4 px-1 border-b-2 font-medium text-sm transition-colors ${\n activeTab === 'form'\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 Project\n \n )}\n

\n\n

\n {/* Project Overview Tab */}\n {activeTab === 'overview' && (\n

\n {user.role === 'agency' ? 'All Projects' : 'Your Projects'}\n

\n\n

\n {projects.length === 0 ? (\n

\n \n

No projects

\n {user.role === 'agency' ? 'Create your first project to get started.' : 'No projects assigned yet.'}\n

\n ) : (\n projects.map((project) => (\n handleProjectSelect(project)}\n >\n

{project.title}

\n \n {project.status.replace('_', ' ')}\n \n \n {project.priority}\n \n

\n \n

{project.description}

\n \n

\n Customer:\n

{project.customer?.name}

\n Due Date:\n

{formatDate(project.due_date)}

\n Budget:\n

${project.budget.toLocaleString()}

\n Days Remaining:\n

\n {calculateDaysRemaining(project.due_date)} days\n

\n \n

\n Progress\n {project.progress}%\n

\n ))\n )}\n

\n )}\n\n {/* Messages Tab */}\n {activeTab === 'messages' && selectedProject && (\n \n )}\n\n {/* Project Form Tab */}\n {activeTab === 'form' && showProjectForm && user.role === 'agency' && (\n {\n setShowProjectForm(false);\n setActiveTab('overview');\n }}\n />\n )}\n

\n \n \n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Mouhak/my-first-val/code/frontend/components/ProjectDashboard.tsx","extension","actionData","errors"]