\n {[...Array(5)].map((_, i) => (\n

\n ))}\n

\n );\n }\n\n if (error) {\n return (\n

Error loading summarizations

\n {error instanceof Error ? error.message : \"Unknown error occurred\"}\n

\n );\n }\n\n const summarizations = summarizationsData?.data || [];\n const pagination = summarizationsData?.pagination;\n\n return (\n

Summarizations

\n\n {/* Search and Filter Controls */}\n

\n \n

\n \n \n {topicsData?.data?.map((topic: any) => (\n \n ))}\n \n

\n\n {/* Summarizations List */}\n {summarizations.length === 0\n ? (\n

No summarizations found.

\n {(searchTerm || selectedTopicId) && (\n {\n setSearchTerm(\"\");\n setSelectedTopicId(\"\");\n setCurrentPage(1);\n }}\n className=\"mt-2 text-blue-600 hover:text-blue-800\"\n >\n Clear filters\n \n )}\n

\n )\n : (\n

\n {summarizations.map((summarization) => (\n \n

\n {summarization.topic_title ||\n `Topic ${summarization.topic_id}`}\n

\n {formatDate(summarization.created_at)} •{\" \"}\n {summarization.post_count} posts\n

\n handleViewDetails(summarization.id)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 rounded text-sm\"\n >\n View Details\n \n

\n\n

\n {getExcerpt(summarization.content)}\n

\n\n

\n Period: {formatDate(summarization.time_period_start)} -{\" \"}\n {formatDate(summarization.time_period_end)}\n

\n ))}\n

\n )}\n\n {/* Pagination */}\n {pagination && pagination.totalPages > 1 && (\n

\n \n

\n )}\n\n {/* Results Summary */}\n {pagination && (\n

\n Showing {Math.min(\n (currentPage - 1) * itemsPerPage + 1,\n pagination.totalCount,\n )} to {Math.min(currentPage * itemsPerPage, pagination.totalCount)} of\n {\" \"}\n {pagination.totalCount} results\n

\n )}\n \n );\n}\n","deleted","label",[169,170,150],"frontend","components","permalink","https://www.val.town/x/jpd3v/offx/code/frontend/components/SummarizationsList.tsx","extension","actionData","errors"]