From bd65699cc55ac7f0edc2f11a003af9243a257e4d Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Tue, 10 Sep 2024 13:26:17 +0200
Subject: [PATCH] Possible logout fix

---
 src/screens/Characters.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/screens/Characters.vue b/src/screens/Characters.vue
index 7b52e02..9071c56 100644
--- a/src/screens/Characters.vue
+++ b/src/screens/Characters.vue
@@ -55,9 +55,9 @@
       <div class="button-wrapper flex gap-8" v-if="!isLoading">
         <button
           class="btn-bordeaux py-2 pr-2.5 pl-8 min-w-24 relative rounded text-xl flex gap-4 items-center transition-all ease-in-out duration-200 hover:gap-5 disabled:bg-cyan/50 disabled:hover:bg-opacity-50 disabled:cursor-not-allowed disabled:hover:gap-[15px]"
-          @click="gameStore.disconnectSocket()"
+          @click.stop="gameStore.disconnectSocket()"
         >
-          <img class="h-8 drop-shadow-20 rotate-180" draggable="false" src="/assets/icons/arrow.svg" />
+          <img class="h-8 drop-shadow-20 rotate-180" draggable="false" src="/assets/icons/arrow.svg" alt="Logout icon" />
         </button>
         <button
           class="btn-cyan py-2 pr-2.5 pl-8 min-w-24 relative rounded text-xl flex gap-4 items-center transition-all ease-in-out duration-200 hover:gap-5 disabled:bg-cyan/50 disabled:hover:bg-opacity-50 disabled:cursor-not-allowed disabled:hover:gap-[15px]"
@@ -65,7 +65,7 @@
           @click="select_character()"
         >
           PLAY
-          <img class="h-8 drop-shadow-20" draggable="false" src="/assets/icons/arrow.svg" />
+          <img class="h-8 drop-shadow-20" draggable="false" src="/assets/icons/arrow.svg" alt="Play icon" />
         </button>
       </div>
       <!-- @TODO , style this button properly -->