From 6b168f36ecb9c7e6aa84b9a17c22bff1a9e68c6b Mon Sep 17 00:00:00 2001
From: mchev <martin.chevignard@gmail.com>
Date: Mon, 17 Feb 2025 12:11:10 +0100
Subject: [PATCH] [HOTFIX] Customers names on table list issue #210 (#310)

* Fix customer dropdown

* Fix #250
---
 resources/scripts/components/base/BaseText.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/scripts/components/base/BaseText.vue b/resources/scripts/components/base/BaseText.vue
index 118641d6..e44bfc5f 100644
--- a/resources/scripts/components/base/BaseText.vue
+++ b/resources/scripts/components/base/BaseText.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="whitespace-normal">
-    <BaseCustomTag :tag="tag" :title="text" class="line-clamp-1">
+    <BaseCustomTag :tag="tag" :title="props.text" class="line-clamp-1">
       {{ displayText }}
     </BaseCustomTag>
   </div>
 </template>
+
 <script setup>
 import { computed } from "vue"
 
@@ -25,13 +26,12 @@ const props = defineProps({
   }
 })
 
-const { text, length } = props;
-
 const displayText = computed(() => {
-  if (length) {
-    return text.length <= length ? text : `${text.substring(0, length)}...`;
+  if (props.length) {
+    return props.text.length <= props.length 
+      ? props.text 
+      : `${props.text.substring(0, props.length)}...`
   }
-  return text;
-});
-
+  return props.text
+})
 </script>