From 4a33963c12014a1e96b1037f771a9016e9856692 Mon Sep 17 00:00:00 2001
From: Emmy D'Anello <emmy@luemy.eu>
Date: Fri, 13 Dec 2024 01:25:56 +0100
Subject: [PATCH] =?UTF-8?q?Boussole=20affich=C3=A9e=20en=20bas=20=C3=A0=20?=
 =?UTF-8?q?droite=20sur=20Android?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/Map.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/components/Map.tsx b/client/components/Map.tsx
index 2ab2a17..6168843 100644
--- a/client/components/Map.tsx
+++ b/client/components/Map.tsx
@@ -13,6 +13,7 @@ export default function Map() {
   return (
     <MapView
       logoEnabled={false}
+      compassViewPosition={2}
       style={styles.map}
       styleURL="https://openmaptiles.geo.data.gouv.fr/styles/osm-bright/style.json">
       {/* FIXME Il faudra pouvoir avoir un bouton de suivi pour activer le suivi de la caméro */}
@@ -32,9 +33,9 @@ export default function Map() {
 function PlayerLocationsMarkers() {
   const game = useGame()
   const lastPlayerLocations = useLastPlayerLocations()
-  return lastPlayerLocations
+  return lastPlayerLocations ? lastPlayerLocations
     .filter(playerLoc => playerLoc.playerId !== game.playerId)
-    .map(playerLoc => <PlayerLocationMarker key={`player-${playerLoc.playerId}-loc`} playerLocation={playerLoc} />)
+    .map(playerLoc => <PlayerLocationMarker key={`player-${playerLoc.playerId}-loc`} playerLocation={playerLoc} />) : <></>
 }
 
 function PlayerLocationMarker({ playerLocation }: { playerLocation: PlayerLocation }) {