\n Welcome to Support Chat\n

\n Please enter your email address in the header to get started with submitting support requests.\n

\n 💡 Your email helps us track your requests and send you updates.\n

\n );\n }\n\n if (selectedRequest) {\n return (\n setSelectedRequest(null)}\n onRequestUpdate={(updatedRequest) => {\n setRequests(prev => prev.map(r => r.id === updatedRequest.id ? updatedRequest : r));\n setSelectedRequest(updatedRequest);\n }}\n />\n );\n }\n\n return (\n

Your Support Requests

\n setShowNewRequestForm(true)}\n className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 btn-primary\"\n >\n ➕ New Request\n \n

\n\n {showNewRequestForm && (\n

Create New Support Request

\n \n Title\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n placeholder=\"Brief description of your issue\"\n />\n

\n\n

\n \n Description\n \n setFormData(prev => ({ ...prev, description: e.target.value }))}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n placeholder=\"Please provide detailed information about your issue\"\n />\n

\n\n

\n \n Priority\n \n setFormData(prev => ({ ...prev, priority: e.target.value as any }))}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n >\n \n \n \n \n

\n\n

\n setShowNewRequestForm(false)}\n className=\"px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium 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 Cancel\n \n \n {loading ? \"Creating...\" : \"Create Request\"}\n \n

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

Loading your requests...

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

No requests yet

\n Create your first support request to get help from our team.\n

\n ) : (\n

\n setSelectedRequest(request)}\n className=\"px-4 py-4 hover:bg-gray-50 cursor-pointer transition-colors\"\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 Created: {new Date(request.created_at).toLocaleString()}\n
\n
\n
\n 💬\n
\n
\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/UserPortal.tsx","extension","actionData","errors"]

\n Welcome to Support Chat\n

Your Support Requests

Create New Support Request

No requests yet

\n {request.title}\n