fix typo and adjust touch roulette timings

* save

* hide scrollbar on desktop

* start menu styling

* bump

package.json

@@ -1,7 +1,7 @@
 {
   "name": "life-trinket",
   "private": true,
-  "version": "0.9.5",
+  "version": "0.9.7",
   "type": "commonjs",
   "engines": {
     "node": ">=18",

src/Components/Players/PlayerMenu.tsx

@@ -2,6 +2,7 @@ import { Checkbox } from '@mui/material';
 import { useRef } from 'react';
 import { twc } from 'react-twc';
 import { theme } from '../../Data/theme';
+import { useAnalytics } from '../../Hooks/useAnalytics';
 import { useGlobalSettings } from '../../Hooks/useGlobalSettings';
 import { usePlayers } from '../../Hooks/usePlayers';
 import { useSafeRotate } from '../../Hooks/useSafeRotate';
@@ -17,8 +18,8 @@ import {
   ResetGame,
 } from '../../Icons/generated';
 import { Player, Rotation } from '../../Types/Player';
+import { PreStartMode } from '../../Types/Settings';
 import { RotationDivProps } from '../Buttons/CommanderDamage';
-import { useAnalytics } from '../../Hooks/useAnalytics';
 
 const PlayerMenuWrapper = twc.div`
   flex
@@ -112,6 +113,7 @@ const PlayerMenu = ({
     setRandomizingPlayer,
     saveCurrentGame,
     initialGameSettings,
+    setPreStartCompleted,
   } = useGlobalSettings();
 
   const analytics = useAnalytics();
@@ -133,8 +135,14 @@ const PlayerMenu = ({
   const handleResetGame = () => {
     resetCurrentGame();
     setShowPlayerMenu(false);
+
     setPlaying(false);
+
+    if (settings.preStartMode === PreStartMode.RandomKing) {
       setRandomizingPlayer(true);
+      setPreStartCompleted(false);
+    }
+
     analytics.trackEvent('reset_game');
   };
 

src/Components/PreStartGame/Games/FingerGame.tsx

@@ -14,6 +14,10 @@ const getOrientation = () => {
     : 'landscape';
 };
 
+const ANIMATION_INTRO_LENGTH = 500;
+
+const BEFORE_INTRO_TIMER_LENGTH = 100;
+
 export const FingerGame = () => {
   const { players } = usePlayers();
 
@@ -34,7 +38,7 @@ export const FingerGame = () => {
       aboutToStartTimerRef.current = setTimeout(() => {
         setSelectedTouchPoint(undefined);
         setPlaying(true);
-      }, 500);
+      }, ANIMATION_INTRO_LENGTH);
 
       setTimerStarted(true);
       return;
@@ -46,7 +50,7 @@ export const FingerGame = () => {
         const randomIndex = Math.floor(Math.random() * touchPoints.length);
         const randomTouchPoint = touchPoints[randomIndex];
         setSelectedTouchPoint(randomTouchPoint);
-      }, 250);
+      }, BEFORE_INTRO_TIMER_LENGTH);
       return;
     }
 
@@ -99,7 +103,7 @@ export const FingerGame = () => {
       aboutToStartTimerRef.current = setTimeout(() => {
         setSelectedTouchPoint(undefined);
         setPlaying(true);
-      }, 500);
+      }, ANIMATION_INTRO_LENGTH);
       setTimerStarted(true);
       return;
     }
@@ -180,7 +184,7 @@ export const FingerGame = () => {
           key={`touch-point-${index}`}
           data-is-selected={selectedTouchPoint?.id === point.id}
           data-unloading={timerStarted}
-          className="absolute rounded-full translate-x-[-50%] translate-y-[-50%] transition-all duration-1000
+          className="absolute rounded-full translate-x-[-50%] translate-y-[-50%] transition-all duration-500
               h-[75px] w-[75px]
               data-[unloading=false]:data-[is-selected=true]:h-[250px] data-[unloading=false]:data-[is-selected=true]:w-[250px]
               data-[unloading=true]:h-[0px] data-[unloading=true]:w-[0px] data-[unloading=true]:duration-[400ms]

src/Components/PreStartGame/Games/Trivia.tsx

@@ -8,8 +8,7 @@ const questions = [
   'Who has the most piercings?',
   'Who has the most expensive shoes?',
   'Who has the most most amount of teeth?',
-  'Who has the most least amount of teeth?',
+  'Who has the least amount of teeth?',
-  'Who has the most least amount of teeth?',
   'Who lives closest to the equator?',
   'Who is the tallest person in the group?',
   'Who is the shortest person in the group?',

src/Components/Views/Play.tsx

@@ -95,6 +95,7 @@ export const Play = () => {
   }, []);
 
   if (
+    players.length > 1 &&
     !preStartCompleted &&
     settings.preStartMode !== PreStartMode.None &&
     !playing &&