From a1c308eddbc9748519c37cf636e3da2f78d6e7ab Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Wed, 2 Oct 2024 09:34:55 -0300
Subject: [PATCH] Components: Joystick-config: Improve visual feedback

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 src/views/ConfigurationJoystickView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/ConfigurationJoystickView.vue b/src/views/ConfigurationJoystickView.vue
index cb96386a3..a968cf5a9 100644
--- a/src/views/ConfigurationJoystickView.vue
+++ b/src/views/ConfigurationJoystickView.vue
@@ -221,7 +221,7 @@
                   :items="tableItems"
                   class="elevation-1 bg-transparent rounded-lg mb-[20px]"
                   theme="dark"
-                  no-data-text="Press any joystick button"
+                  no-data-text=""
                   :style="interfaceStore.globalGlassMenuStyles"
                 >
                   <template #headers>
@@ -233,6 +233,7 @@
                       <th class="w-[120px] text-center"><p class="text-[16px] font-bold">Axis</p></th>
                       <th class="w-[110px] text-center"><p class="text-[16px] font-bold">Max</p></th>
                     </tr>
+                    <p v-if="tableItems.length === 0" class="fixed top-[67%] left-[40%]">Press a key or move an axis</p>
                   </template>
                   <template #item="{ item }">
                     <tr v-if="item.type === 'axis'">
@@ -627,7 +628,7 @@ const inputClickedDialog = ref(false)
 const currentModifierKey: Ref<ProtocolAction> = ref(modifierKeyActions.regular)
 const availableModifierKeys: ProtocolAction[] = Object.values(modifierKeyActions)
 const showJoystickLayout = ref(true)
-const currentTabVIew = ref()
+const currentTabVIew = ref('table')
 
 const protocols = Object.values(JoystickProtocol).filter((value) => typeof value === 'string')