\n \n

\n {!loading && filteredTickets(tickets, filters).length === 0 && (\n

\n {lang[currentLang].noTickets}\n

\n )}\n {!loading\n ? (\n

\n {filteredTickets(tickets, filters).map((ticket) => (\n setModal({ type: \"editTicket\", ticket: t })}\n onDelete={handleDeleteTicket}\n onStatusChange={handleUpdateTicketStatus}\n />\n ))}\n

\n )\n : (\n

\n {lang[currentLang].loadingTickets}\n

\n )}\n

\n\n {modal.type === \"newTicket\" && (\n setModal({ type: null })}\n onSubmit={handleAddTicket}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"editTicket\" && modal.ticket && (\n setModal({ type: null })}\n onSubmit={handleUpdateTicket}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"settings\" && (\n setModal({ type: null })}\n onSave={handleSaveApiSettings}\n apiConfig={apiConfig}\n currentLang={currentLang}\n />\n )}\n\n {modal.type === \"help\" && (\n setModal({ type: null })}\n currentLang={currentLang}\n />\n )}\n\n {/* Contenedor para los toasts */}\n

\n {toasts.map((toast) => (\n removeToast(toast.id)}\n />\n ))}\n

\n );\n};\n\nexport default App;","deleted","label",[174,175,155],"frontend","components","permalink","https://www.val.town/x/n4k0m3/Tickets/code/frontend/components/App.jsx","extension","actionData","errors"]