From 22d24bc6085eb51a38bb44cf4f5343791607b490 Mon Sep 17 00:00:00 2001
From: Christoph Wildhagen <git@christoph-wildhagen.de>
Date: Fri, 29 Sep 2023 22:26:27 +0200
Subject: [PATCH 1/2] Translate Names of ClusterTopMatter for Tags

This fixes a bug, that the Name/Title of Tag detail sites like
/apps/memories/tags/Frog isn't translated, even though the
name of the Tag is translated in the tag overview page.

Signed-off-by: Christoph Wildhagen <git@christoph-wildhagen.de>
---
 src/components/top-matter/ClusterTopMatter.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/top-matter/ClusterTopMatter.vue b/src/components/top-matter/ClusterTopMatter.vue
index b9171d1a..f4a0212f 100644
--- a/src/components/top-matter/ClusterTopMatter.vue
+++ b/src/components/top-matter/ClusterTopMatter.vue
@@ -13,6 +13,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 
+import { translate as t } from '@nextcloud/l10n';
 import NcActions from '@nextcloud/vue/dist/Components/NcActions';
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton';
 import * as strings from '../../services/strings';
@@ -35,7 +36,7 @@ export default defineComponent({
     name(): string | null {
       switch (this.$route.name) {
         case 'tags':
-          return this.$route.params.name;
+          return t('recognize',this.$route.params.name);
         case 'places':
           return this.$route.params.name?.split('-').slice(1).join('-');
         default:

From 6ea34b223cb76187477bbcd36e78ff7b26d8dc20 Mon Sep 17 00:00:00 2001
From: Christoph Wildhagen <git@christoph-wildhagen.de>
Date: Fri, 29 Sep 2023 23:07:42 +0200
Subject: [PATCH 2/2] Sort Tags by translated names

Previously the tags were sorted (implicitly via the api) by the english
names. This could be confusing in other languages, when the shown
tags were seemingly unordered.

Signed-off-by: Christoph Wildhagen <git@christoph-wildhagen.de>
---
 src/components/ClusterView.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/ClusterView.vue b/src/components/ClusterView.vue
index 5feaabaa..194848cd 100644
--- a/src/components/ClusterView.vue
+++ b/src/components/ClusterView.vue
@@ -82,6 +82,18 @@ export default defineComponent({
   },
 
   methods: {
+    translated_tag_name(first_item: ICluster,second_item: ICluster) : number  {
+      const first_item_translated = this.t("recognize", first_item.name) 
+      const second_item_translated = this.t("recognize", second_item.name) 
+      if (first_item_translated < second_item_translated) {
+        return -1;
+      }
+      if (first_item_translated > second_item_translated) {
+        return 1;
+      }  
+      return 0;
+    },
+
     async routeChange() {
       try {
         this.items = [];
@@ -94,7 +106,7 @@ export default defineComponent({
         if (this.routeIsAlbums) {
           this.items = await dav.getAlbums(this.config.album_list_sort);
         } else if (this.routeIsTags) {
-          this.items = await dav.getTags();
+          this.items = (await dav.getTags()).sort(this.translated_tag_name);
         } else if (this.routeIsPeople) {
           this.items = await dav.getFaceList(<any>this.$route.name);
         } else if (this.routeIsPlaces) {