From c6a6c470d06615eaab26e8d1065e0941d9a83155 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 18 Aug 2022 16:36:34 +0200
Subject: [PATCH] add computed for selected locale to avoide additional pipe

---
 frontend/src/components/LanguageSwitch2.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/LanguageSwitch2.vue b/frontend/src/components/LanguageSwitch2.vue
index 13ac72d18..ac04ae9c6 100644
--- a/frontend/src/components/LanguageSwitch2.vue
+++ b/frontend/src/components/LanguageSwitch2.vue
@@ -22,8 +22,14 @@
         :class="$store.state.language === lang.code ? 'c-grey' : 'c-blau'"
       >
         <span v-if="lang.code !== $store.state.language" class="locales">{{ lang.name }}</span>
-
-        <span v-if="lang.code !== $store.state.language" class="ml-3 mr-3">
+        <span
+          v-if="
+            lang.code !== $store.state.language &&
+            (indexOfSelectedLocale !== indexOfLastLocale ||
+              (indexOfSelectedLocale === indexOfLastLocale && index !== indexOfSecondLastLocale))
+          "
+          class="ml-3 mr-3"
+        >
           {{ locales.length - 1 > index ? $t('math.pipe') : '' }}
         </span>
       </span>
@@ -86,6 +92,17 @@ export default {
       this.currentLanguage = object
     },
   },
+  computed: {
+    indexOfSelectedLocale() {
+      return this.locales.findIndex((element) => element.code === this.$store.state.language)
+    },
+    indexOfSecondLastLocale() {
+      return this.locales.length - 2
+    },
+    indexOfLastLocale() {
+      return this.locales.length - 1
+    },
+  },
   created() {
     this.setCurrentLanguage()
   },