diff --git a/src/components/Article/CommentDate/CommentDate.module.scss b/src/components/Article/CommentDate/CommentDate.module.scss index 61e3b465..18caedde 100644 --- a/src/components/Article/CommentDate/CommentDate.module.scss +++ b/src/components/Article/CommentDate/CommentDate.module.scss @@ -2,7 +2,8 @@ @include font-size(1.2rem); color: var(--secondary-color); - align-self: center; + + // align-self: center; display: flex; align-items: flex-start; justify-content: flex-start; diff --git a/src/components/Views/Feed/Feed.tsx b/src/components/Views/Feed/Feed.tsx index 9f07159b..aeee25b9 100644 --- a/src/components/Views/Feed/Feed.tsx +++ b/src/components/Views/Feed/Feed.tsx @@ -14,6 +14,7 @@ import { resetSortedArticles, useArticlesStore } from '../../../stores/zine/arti import { useTopAuthorsStore } from '../../../stores/zine/topAuthors' import { useTopicsStore } from '../../../stores/zine/topics' import { getImageUrl } from '../../../utils/getImageUrl' +import { byCreated } from '../../../utils/sortby' import { CommentDate } from '../../Article/CommentDate' import { getShareUrl } from '../../Article/SharePopup' import { AuthorBadge } from '../../Author/AuthorBadge' @@ -134,7 +135,7 @@ export const FeedView = (props: Props) => { const loadTopComments = async () => { const comments = await loadReactionsBy({ by: { comment: true }, limit: 50 }) - setTopComments(comments) + setTopComments(comments.sort(byCreated).reverse()) } onMount(() => {