From a2267c03e541176942feda2074f2a22b7f6613fc Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Thu, 7 Dec 2023 15:11:10 -0300
Subject: [PATCH] joystick-config-view: Use `setTimeout` instead of `nextTick`
 to reload joystick image

This way, if the input is unmapped by the check routines (in the controller store), it will be right in the end.
---
 src/views/ConfigurationJoystickView.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/views/ConfigurationJoystickView.vue b/src/views/ConfigurationJoystickView.vue
index fcb610e7a..e687257ed 100644
--- a/src/views/ConfigurationJoystickView.vue
+++ b/src/views/ConfigurationJoystickView.vue
@@ -203,11 +203,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
-import { onMounted } from 'vue'
-import { onUnmounted } from 'vue'
-import { computed } from 'vue'
-import { nextTick } from 'vue'
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 
 import Button from '@/components/Button.vue'
 import JoystickPS from '@/components/joysticks/JoystickPS.vue'
@@ -318,7 +314,7 @@ const updateButtonAction = (input: JoystickInput, action: ProtocolAction): void
     input.id
   ].action = action
   showJoystickLayout.value = false
-  nextTick(() => (showJoystickLayout.value = true))
+  setTimeout(() => (showJoystickLayout.value = true), 3000)
   buttonFunctionAssignmentFeedback.value = `Button ${input.id} remapped to function '${action.name}'.`
   showButtonFunctionAssignmentFeedback.value = true
   setTimeout(() => (showButtonFunctionAssignmentFeedback.value = false), 5000)