Support Dashboard

\n \n {loading ? \"🔄\" : \"🔄\"} Refresh\n \n

\n\n {/* Status Filter Tabs */}\n

\n {[\n { key: 'all', label: 'All', count: statusCounts.all },\n { key: 'open', label: 'Open', count: statusCounts.open },\n { key: 'in_progress', label: 'In Progress', count: statusCounts.in_progress },\n { key: 'resolved', label: 'Resolved', count: statusCounts.resolved }\n ].map(({ key, label, count }) => (\n setFilter(key as any)}\n className={`whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm ${\n filter === key\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {label} ({count})\n \n ))}\n

\n\n {loading && requests.length === 0 ? (\n

Loading requests...

\n ) : filteredRequests.length === 0 ? (\n

\n {filter === 'all' ? 'No requests found' : `No ${filter.replace('_', ' ')} requests`}\n

\n {filter === 'all' \n ? 'There are currently no support requests in the system.'\n : `There are no requests with status \"${filter.replace('_', ' ')}\".`\n }\n

\n ) : (\n

\n
\n
\n
\n
\n
\n {request.title}\n
\n \n {request.priority}\n \n \n {request.status.replace('_', ' ')}\n \n
\n
\n {request.description}\n
\n
\n 👤 {request.user_email}\n 📅 {new Date(request.created_at).toLocaleString()}\n {request.updated_at !== request.created_at && (\n 🔄 Updated {new Date(request.updated_at).toLocaleString()}\n )}\n
\n
\n
\n {/* Status Update Buttons */}\n {request.status === 'open' && (\n updateRequestStatus(request.id, 'in_progress')}\n className=\"inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n Start\n \n )}\n {request.status === 'in_progress' && (\n updateRequestStatus(request.id, 'resolved')}\n className=\"inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"\n >\n Resolve\n \n )}\n {request.status === 'resolved' && (\n updateRequestStatus(request.id, 'open')}\n className=\"inline-flex items-center px-2.5 py-1.5 border border-gray-300 text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n Reopen\n \n )}\n setSelectedRequest(request)}\n className=\"inline-flex items-center px-2.5 py-1.5 border border-transparent text-xs font-medium rounded text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500\"\n >\n 💬 Chat\n \n
\n
\n
\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/bertarios/untitled-6698/code/frontend/components/AdminDashboard.tsx","extension","actionData","errors"]

Support Dashboard

\n {filter === 'all' ? 'No requests found' : `No ${filter.replace('_', ' ')} requests`}\n

\n {request.title}\n