From e2b513253ce2fcfe924ccc5b47018aa3ed34488e Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Fri, 8 Dec 2023 19:26:39 +0100
Subject: [PATCH] Added check if there is no player data

---
 src/components/maps/WorldMap.astro            | 3 ++-
 src/components/maps/overlay/SearchMarkers.vue | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/maps/WorldMap.astro b/src/components/maps/WorldMap.astro
index 7e969e2a..a7b0f951 100644
--- a/src/components/maps/WorldMap.astro
+++ b/src/components/maps/WorldMap.astro
@@ -158,7 +158,8 @@ for (let i = 0; i < markers.length; i++) {
 /**
  * Add player's position marker
  */
-if ( players ) {
+if ( players && Object.keys(players).length > 0 ) {
+    console.log(players)
     const playersPosition =[
         convertYToScale(players.markerCoords.y),
         convertXToScale(players.markerCoords.x)
diff --git a/src/components/maps/overlay/SearchMarkers.vue b/src/components/maps/overlay/SearchMarkers.vue
index b71475da..59aa6176 100644
--- a/src/components/maps/overlay/SearchMarkers.vue
+++ b/src/components/maps/overlay/SearchMarkers.vue
@@ -60,6 +60,8 @@ onMounted(() => {
     })
 })
 
+const hasPlayers = computed(() => Object.keys(props.players).length > 0)
+
 /**
  * Marker geolocation
  * We need to use onUpdated hook because the list is not always rendered, and it often rebuilt.
@@ -83,7 +85,7 @@ onUpdated(() => {
             <i class="search-icon ph-fill ph-magnifying-glass"></i>
             <input ref="qInput" name="recherche" type="text" v-model="q" title="Rechercher le monde" placeholder="Ville, point d'intérêt…">
 
-            <button data-to-players class="player-btn" :tabindex="shouldBeActive ? 1 : 0" title="Aller à la position actuelle des joueurs">
+            <button v-if="hasPlayers" data-to-players class="player-btn" :tabindex="shouldBeActive ? 1 : 0" title="Aller à la position actuelle des joueurs">
                 <i class="pin-icon ph-fill ph-map-pin"></i>
             </button>
         </div>