🔍

No logs match your current filters

\n );\n }\n\n return (\n

\n {/* Pagination Controls - Top */}\n

\n Show:\n {\n setPageSize(Number(e.target.value));\n setCurrentPage(1);\n }}\n className=\"px-2 py-1 border border-gray-300 rounded text-sm\"\n >\n \n \n \n \n \n per page\n

\n\n

\n setCurrentPage(prev => Math.max(1, prev - 1))}\n disabled={currentPage === 1}\n className=\"px-3 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n ← Previous\n \n \n \n Page {currentPage} of {totalPages} ({sortedLogs.length} total)\n \n \n setCurrentPage(prev => Math.min(totalPages, prev + 1))}\n disabled={currentPage === totalPages}\n className=\"px-3 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n Next →\n \n

\n\n {/* Table */}\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {paginatedLogs.map((log, index) => {\n const isExpanded = expandedRows.has(log['store_record.id']);\n return (\n \n \n \n \n \n \n \n \n \n \n \n {/* Expanded Row Details */}\n {isExpanded && (\n \n \n \n )}\n \n );\n })}\n \n

	handleSort('email')}\n >\n Email {getSortIcon('email')}\n	handleSort('traceId')}\n >\n Trace ID {getSortIcon('traceId')}\n	handleSort('event')}\n >\n Event {getSortIcon('event')}\n	handleSort('timestamp')}\n >\n Timestamp {getSortIcon('timestamp')}\n	handleSort('created_at')}\n >\n Created At {getSortIcon('created_at')}\n	\n Actions\n
\n toggleRowExpansion(log['store_record.id'])}\n className=\"text-blue-600 hover:text-blue-800 text-xs\"\n >\n {isExpanded ? '▼' : '▶️'}\n \n	\n {log.email}\n	\n {log.parsedData.traceId ? (\n copyToClipboard(log.parsedData.traceId!)}\n title=\"Click to copy\"\n >\n {log.parsedData.traceId.substring(0, 8)}...\n \n ) : (\n -\n )}\n	\n \n {log.parsedData.event \|\| 'N/A'}\n \n	\n {log.parsedData.timestamp ? formatTimestamp(log.parsedData.timestamp) : '-'}\n	\n {formatTimestamp(log.created_at)}\n	\n copyToClipboard(JSON.stringify(log, null, 2))}\n className=\"text-xs px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded\"\n title=\"Copy full record\"\n >\n 📋\n \n
\n \n \n \n Record Details \n \n ID: {log['store_record.id']} \n Key: {log.key} \n Database ID: {log.database_id} \n Organization ID: {log.organization_id} \n User ID: {log.user_id} \n API App User ID: {log['api_appuser.id']} \n \n \n \n \n Parsed Data \n \n {JSON.stringify(log.parsedData, null, 2)} \n \n \n \n \n \n Raw Data \n \n {log.data} \n \n \n \n

\n\n {/* Pagination Controls - Bottom */}\n

\n setCurrentPage(1)}\n disabled={currentPage === 1}\n className=\"px-2 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n ⏮️\n \n setCurrentPage(prev => Math.max(1, prev - 1))}\n disabled={currentPage === 1}\n className=\"px-3 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n ← Previous\n \n \n \n {currentPage} / {totalPages}\n \n \n setCurrentPage(prev => Math.min(totalPages, prev + 1))}\n disabled={currentPage === totalPages}\n className=\"px-3 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n Next →\n \n setCurrentPage(totalPages)}\n disabled={currentPage === totalPages}\n className=\"px-2 py-1 bg-white border border-gray-300 rounded text-sm disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n ⏭️\n \n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/pixiebrix/telemetry-db-trace-viewer/code/frontend/components/LogTable.tsx","extension","actionData","errors"]

Record Details

Parsed Data

Raw Data