From ab9b14d756b372e36d79638ea672514eceff5f68 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Mon, 28 Nov 2022 13:55:01 +0100
Subject: [PATCH] sort catgeories on post

---
 webapp/mixins/sortCategoriesMixin.js  | 5 +++--
 webapp/pages/post/_id/_slug/index.vue | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/webapp/mixins/sortCategoriesMixin.js b/webapp/mixins/sortCategoriesMixin.js
index f66770488..1cc998777 100644
--- a/webapp/mixins/sortCategoriesMixin.js
+++ b/webapp/mixins/sortCategoriesMixin.js
@@ -1,9 +1,10 @@
 export default {
   methods: {
     sortCategories(categories, locales) {
-      const misc = categories.find((cat) => cat.slug === 'miscellaneous')
+      const miscSlug = 'miscellaneous'
+      const misc = categories.find((cat) => cat.slug === miscSlug)
       const sortedCategories = categories
-        .filter((cat) => cat.slug !== misc.slug)
+        .filter((cat) => cat.slug !== miscSlug)
         .sort((a, b) => {
           if (
             locales(`contribution.category.name.${a.slug}`) <
diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue
index 2366eb072..50cf0f154 100644
--- a/webapp/pages/post/_id/_slug/index.vue
+++ b/webapp/pages/post/_id/_slug/index.vue
@@ -61,7 +61,7 @@
               <ds-space margin="xx-large" />
               <ds-space margin="xx-small" />
               <hc-category
-                v-for="category in post.categories"
+                v-for="category in sortCategories(post.categories, $t)"
                 :key="category.id"
                 :icon="category.icon"
                 :name="$t(`contribution.category.name.${category.slug}`)"
@@ -146,6 +146,7 @@ import PostQuery from '~/graphql/PostQuery'
 import { groupQuery } from '~/graphql/groups'
 import PostMutations from '~/graphql/PostMutations'
 import links from '~/constants/links.js'
+import SortCategories from '~/mixins/sortCategoriesMixin.js'
 
 export default {
   name: 'PostSlug',
@@ -164,6 +165,7 @@ export default {
     PageParamsLink,
     UserTeaser,
   },
+  mixins: [SortCategories],
   head() {
     return {
       title: this.title,