From 78fc89fd3d950df1a9d44c6503362947fc79dfa0 Mon Sep 17 00:00:00 2001
From: Quentin Roussel <contact@quentinrsl.com>
Date: Sat, 8 Jun 2024 10:21:48 +0200
Subject: [PATCH] updated tile size

---
 traque-front/components/admin/maps.jsx | 5 +++--
 traque-front/components/team/map.jsx   | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/traque-front/components/admin/maps.jsx b/traque-front/components/admin/maps.jsx
index 1c0aff6..baa92b3 100644
--- a/traque-front/components/admin/maps.jsx
+++ b/traque-front/components/admin/maps.jsx
@@ -11,6 +11,7 @@ import { useAdminContext } from "@/context/adminContext.jsx";
 import { GreenButton } from "../util/button.jsx";
 import TextInput from "../util/textInput.jsx";
 
+export const TILE_SIZE = 17
 
 function MapPan(props) {
     const map = useMap();
@@ -94,7 +95,7 @@ export function ZoneInitializer({ ...props }) {
             <LayersControl>
                 <LayersControl.Overlay name="Play area" checked={true}>
                     <LayerGroup>
-                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={handleClickTile} tileSize={16} />
+                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={handleClickTile} tileSize={TILE_SIZE} />
                     </LayerGroup>
                 </LayersControl.Overlay>
             </LayersControl>
@@ -203,7 +204,7 @@ export function LiveMap({ ...props }) {
             <LayersControl>
                 <LayersControl.Overlay name="Play area" checked={true}>
                     <LayerGroup>
-                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={() => { }} tileSize={16} />
+                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={() => { }} tileSize={TILE_SIZE} />
                     </LayerGroup>
                 </LayersControl.Overlay>
                 <LayersControl.Overlay name="Players live position" checked={true}>
diff --git a/traque-front/components/team/map.jsx b/traque-front/components/team/map.jsx
index b6a11a8..70c783e 100644
--- a/traque-front/components/team/map.jsx
+++ b/traque-front/components/team/map.jsx
@@ -8,6 +8,7 @@ import useGame from '@/hook/useGame';
 import { useTeamContext } from '@/context/teamContext';
 import {  useTilesColor } from '@/hook/mapDrawing';
 import { MapGridZoneSelector } from '../admin/mapZoneSelector';
+import { TILE_SIZE } from '../admin/maps';
 
 const DEFAULT_ZOOM = 17;
 
@@ -64,7 +65,7 @@ export function LiveMap({ ...props }) {
             <LayersControl>
                 <LayersControl.Overlay name="Play area" checked={true}>
                     <LayerGroup>
-                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={()=>{}} tileSize={16}/>
+                        <MapGridZoneSelector tilesColor={tilesColor} onClickTile={()=>{}} tileSize={TILE_SIZE}/>
                     </LayerGroup>
                 </LayersControl.Overlay>
             </LayersControl>