feat: adds party mode

Author: posixpascal

packages/web/assets/globals.css

@@ -7,7 +7,8 @@ body {
   touch-action: pan-x pan-y;
 }
 
-.map-wrapper {
+.map-wrapper, .game-map {
+  cursor: crosshair;
   touch-action: auto !important;
 }
 

packages/web/components/score-board-overlay.vue

@@ -9,7 +9,7 @@
       >
         <h4 class="md:min-w-[50px]" style="text-align: left;">{{ room.scoreboard[player.sessionId].points || 0 }}</h4>
         <Pin :id="player.pin" :width="pinSize" />
-        <h4 :class="`${isEnd ? 'flex' : 'hidden'}`">{{ player.username }}</h4>
+        <h4>{{ player.username }}</h4>
       </div>
     </div>
   </div>

packages/web/pages/play/_id/index.vue

@@ -70,7 +70,7 @@
           </CountryFlagWithName>
         </Overlay>
         <Overlay :room="room" position="bottomleft">
-          <ScoreBoardOverlay :room="room" />
+          <ScoreBoardOverlay v-if="inPartyRoundEnd || room.state === states.ROUND_END" :room="room" />
         </Overlay>
 
         <Overlay :room="room" v-if="!inPartyRoundEnd" :interactive="true" position="topright">

packages/web/utils/functions/humanizeDistance.ts

@@ -22,7 +22,7 @@ export const humanizeDistance = (pointA, pointB, unitless = false) => {
   }
 
   if (unitless) {
-    return result.distance.toFixed(0)
+    return parseInt(result.distance.toFixed(0))
   }
 
   if (result.distance >= result.smallBorder) {