Revert to old timer style for ranked + pin asset loading impr

Author: codergautam

components/Map.js

@@ -154,19 +154,19 @@ const MapComponent = ({ shown, options, ws, session, pinPoint, setPinPoint, answ
   // Cache icons to prevent repeated requests
   const icons = useMemo(() => ({
     dest: L.icon({
-      iconUrl: './dest.png',
+      iconUrl: asset('/dest.png'),
       iconSize: [25, 41],
       iconAnchor: [12, 41],
       popupAnchor: [1, -34],
     }),
     src: L.icon({
-      iconUrl: './src.png',
+      iconUrl: asset('/src.png'),
       iconSize: [25, 41],
       iconAnchor: [12, 41],
       popupAnchor: [1, -34],
     }),
     src2: L.icon({
-      iconUrl: './src2.png',
+      iconUrl: asset('/src2.png'),
       iconSize: [25, 41],
       iconAnchor: [12, 41],
       popupAnchor: [1, -34],

components/gameUI.js

@@ -839,7 +839,18 @@ session={session}/>
         }
         }} />
       )}
-      <span className={`timer timer--two-line ${multiplayerState?.gameData?.duel && multiplayerState?.gameData?.public ? 'duel' : ''} ${!multiplayerTimerShown ? '' : 'shown'} ${timeToNextMultiplayerEvt <= 5 && timeToNextMultiplayerEvt > 0 && !showAnswer && !pinPoint && multiplayerState?.gameData?.state === 'guess' ? 'critical' : ''}`}>
+      {/* Duel timer — single line, old style */}
+      {multiplayerState?.gameData?.duel && multiplayerState?.gameData?.public && (
+      <span className={`timer duel ${!multiplayerTimerShown ? '' : 'shown'} ${timeToNextMultiplayerEvt <= 5 && timeToNextMultiplayerEvt > 0 && !showAnswer && !pinPoint && multiplayerState?.gameData?.state === 'guess' ? 'critical' : ''}`}>
+        {multiplayerState?.gameData?.timePerRound === 86400000 && timeToNextMultiplayerEvt > 120
+          ? text("round", {r:multiplayerState?.gameData?.curRound, mr: multiplayerState?.gameData?.rounds})
+          : text("roundTimer", {r:multiplayerState?.gameData?.curRound, mr: multiplayerState?.gameData?.rounds, t: timeToNextMultiplayerEvt.toFixed(1)})}
+      </span>
+      )}
+
+      {/* Non-duel multiplayer timer — two line style */}
+      {!(multiplayerState?.gameData?.duel && multiplayerState?.gameData?.public) && (
+      <span className={`timer timer--two-line ${!multiplayerTimerShown ? '' : 'shown'} ${timeToNextMultiplayerEvt <= 5 && timeToNextMultiplayerEvt > 0 && !showAnswer && !pinPoint && multiplayerState?.gameData?.state === 'guess' ? 'critical' : ''}`}>
         <span className="timer__round-label">{text("round", {r:multiplayerState?.gameData?.curRound, mr: multiplayerState?.gameData?.rounds})}</span>
         <span className="timer__main-row">
           {!(multiplayerState?.gameData?.timePerRound === 86400000 && timeToNextMultiplayerEvt > 120)
@@ -848,6 +859,7 @@ session={session}/>
           }
         </span>
       </span>
+      )}
 
       <span className={`timer timer--two-line ${!onboardingTimerShown ? '' : 'shown'} ${timeToNextRound <= 5 && timeToNextRound > 0 && !showAnswer && !pinPoint && onboarding ? 'critical' : ''}`}>
         <span className="timer__round-label">{text("round", {r:onboarding?.round, mr: 5})}</span>

components/home.js

@@ -1990,16 +1990,11 @@ export default function Home({ }) {
                 }
             }
 
-            // preload/cache src.png and dest.png and src2.png
-            const img = new Image();
-            img.src = "./src.png";
-            const img2 = new Image();
-            img2.src = "./dest.png";
-            const img3 = new Image();
-            img3.src = "./src2.png";
-            // easter eggs too
-            const polandball = new Image();
-            polandball.src = "./polandball.png";
+            // preload/cache pin images
+            ['/src.png', '/dest.png', '/src2.png', '/polandball.png'].forEach((p) => {
+                const img = new Image();
+                img.src = asset(p);
+            });
         } catch (e) { }
 
     }, [])

components/roundOverScreen.js

@@ -106,21 +106,21 @@ const GameSummary = ({
     const checkLeaflet = () => {
       if (typeof window !== 'undefined' && window.L) {
         destIconRef.current = window.L.icon({
-          iconUrl: './dest.png',
+          iconUrl: asset('/dest.png'),
           iconSize: [30, 49],
           iconAnchor: [15, 49],
           popupAnchor: [1, -34],
         });
 
         srcIconRef.current = window.L.icon({
-          iconUrl: './src.png',
+          iconUrl: asset('/src.png'),
           iconSize: [30, 49],
           iconAnchor: [15, 49],
           popupAnchor: [1, -34],
         });
 
         src2IconRef.current = window.L.icon({
-          iconUrl: './src2.png',
+          iconUrl: asset('/src2.png'),
           iconSize: [30, 49],
           iconAnchor: [15, 49],
           popupAnchor: [1, -34],