Fix sorting individual story tags

CodeForAfrica · Sep 28, 2023 · 32b211a · 32b211a
1 parent bdb840c
commit 32b211a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/codeforafrica/src/components/ArticlePage/ArticlePage.js b/apps/codeforafrica/src/components/ArticlePage/ArticlePage.js
@@ -8,6 +8,7 @@ import ArticleHeader from "@/codeforafrica/components/ArticleHeader";
 import Author from "@/codeforafrica/components/Author";
 import CMSContent from "@/codeforafrica/components/CMSContent";
 import SectionDivider from "@/codeforafrica/components/SectionDivider";
+import equalsIgnoreCase from "@/codeforafrica/utils/equalsIgnoreCase";
 
 function ArticlePage({
   authors,
@@ -19,6 +20,9 @@ function ArticlePage({
   publishedOn,
   primaryTag,
 }) {
+  const sortedTags = tags
+    .sort((a, b) => a.name.localeCompare(b.name))
+    .filter((tag) => !equalsIgnoreCase(tag.name, primaryTag));
   return (
     <Box component="article">
       <Figure
@@ -35,7 +39,7 @@ function ArticlePage({
       <ArticleHeader
         title={title}
         date={publishedOn}
-        tags={tags}
+        tags={sortedTags}
         primaryTag={primaryTag}
         excerpt={excerpt}
         sx={{

diff --git a/apps/codeforafrica/src/lib/data/utils/posts.js b/apps/codeforafrica/src/lib/data/utils/posts.js
@@ -146,7 +146,7 @@ export async function getPost(api, slug, primaryTag) {
         title,
         coverImage,
         excerpt,
-        tags: formatTags(tags),
+        tags,
         publishedOn: formatDate(publishedOn, {
           includeTime: false,
           month: "short",