From 412b56cffe6761e7c5222ce7f95ee325069e2f26 Mon Sep 17 00:00:00 2001
From: senderfm <dev@sender.fm>
Date: Wed, 24 Apr 2019 17:45:38 +0200
Subject: [PATCH] seperatet username from truncate

---
 webapp/components/User/index.vue   |  2 +-
 webapp/mixins/userName.js          | 10 +++-------
 webapp/pages/profile/_id/_slug.vue |  4 ++--
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/webapp/components/User/index.vue b/webapp/components/User/index.vue
index 81b845834..4b9b5c8e8 100644
--- a/webapp/components/User/index.vue
+++ b/webapp/components/User/index.vue
@@ -47,7 +47,7 @@
             <b
               class="username"
               style="vertical-align: middle;"
-            >{{ userName(user.name,18) }}</b>
+            >{{ userName(user.name) | truncate(18) }}</b>
           </div>
           <!-- Time -->
           <div
diff --git a/webapp/mixins/userName.js b/webapp/mixins/userName.js
index de17b6ef5..807899559 100644
--- a/webapp/mixins/userName.js
+++ b/webapp/mixins/userName.js
@@ -1,12 +1,8 @@
 export default {
   methods: {
-    userName(userName, maxLength) {
-      // Return Anonymous if no Username is given
-      if (!userName) {
-        return this.$t('profile.userAnonym')
-      }
-      // Return full Username or truncated Username
-      return maxLength ? this.$filters.truncate(userName, maxLength) : userName
+      userName(userName) {
+        // Return Anonymous if no Username is given else return full Username
+        return userName ? userName : this.$t('profile.userAnonym');
     }
   }
 }
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 7f51d8b1c..7c1eb5151 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -122,7 +122,7 @@
               tag="h5"
               color="soft"
             >
-              Wem folgt {{ userName(user.name,15) }}?
+              Wem folgt {{ userName(user.name) | truncate(15) }}?
             </ds-text>
           </ds-space>
           <template v-if="user.following && user.following.length">
@@ -167,7 +167,7 @@
               tag="h5"
               color="soft"
             >
-              Wer folgt {{ userName(user.name,15) }}?
+              Wer folgt {{ userName(user.name) | truncate(15) }}?
             </ds-text>
           </ds-space>
           <template v-if="user.followedBy && user.followedBy.length">