From 9fb68ab2d8f20aa92fc5c54931061a8d1fb322e9 Mon Sep 17 00:00:00 2001 From: Addie Rudy Date: Fri, 28 Jun 2024 13:42:08 -0400 Subject: [PATCH] feat(ui): updated Article listing on Data Feed in UI to be sorted by created date Updated the Article Table shown on the Data Feed Details page to sort the articles by date created desc re #41 --- .../src/components/data-feeds/article-table.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/lib/user-interface/genai-newsletter-ui/src/components/data-feeds/article-table.tsx b/lib/user-interface/genai-newsletter-ui/src/components/data-feeds/article-table.tsx index fbf0878..1c07d4a 100644 --- a/lib/user-interface/genai-newsletter-ui/src/components/data-feeds/article-table.tsx +++ b/lib/user-interface/genai-newsletter-ui/src/components/data-feeds/article-table.tsx @@ -53,9 +53,16 @@ export default function DataFeedArticleTable () { return } if (result.data.listArticles?.items !== null) { - setArticles(result.data.listArticles?.items as Article[]) + const sortedArticles = [...(result.data.listArticles?.items as Article[])] + .sort((a, b) => { + const dateA = new Date(a.createdAt ?? 0); + const dateB = new Date(b.createdAt ?? 0); + return dateB.getTime() - dateA.getTime(); + }); + setArticles(sortedArticles); } + setLoading(false) }, [appContext, dataFeedId]) @@ -101,7 +108,6 @@ export default function DataFeedArticleTable () { if (flagArticle !== null && flagArticle == 'true' && articleId !== null) { setLoading(true) try { - console.log('TRIGGER') flagDataFeedArticle(articleId, true) } catch (error) { console.log(error)