diff --git a/src/App.tsx b/src/App.tsx index adc14ae..8d813dc 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -35,12 +35,6 @@ const PlayWrapper = styled.div` } `; -const removeLocalStorage = async () => { - localStorage.removeItem('initialGameSettings'); - localStorage.removeItem('players'); - localStorage.removeItem('playing'); -}; - const EmergencyResetButton = styled.button` width: 100vmax; height: 100vmin; @@ -54,14 +48,15 @@ const EmergencyResetButton = styled.button` const App = () => { const analytics = useAnalytics(); const savedGameSettings = localStorage.getItem('initialGameSettings'); - const saveShowPlay = localStorage.getItem('showPlay'); + const savedShowPlay = localStorage.getItem('showPlay'); + const { isSupported, release, released, request, type } = useWakeLock(); const [initialGameSettings, setInitialGameSettings] = useState( savedGameSettings ? JSON.parse(savedGameSettings) : null ); const [showPlay, setShowPlay] = useState( - saveShowPlay ? saveShowPlay === 'true' : false + savedShowPlay ? savedShowPlay === 'true' : false ); const isActive = released === undefined ? false : !released; @@ -81,6 +76,14 @@ const App = () => { ); }, [initialGameSettings]); + const removeLocalStorage = async () => { + localStorage.removeItem('initialGameSettings'); + localStorage.removeItem('players'); + localStorage.removeItem('playing'); + localStorage.removeItem('showPlay'); + setShowPlay(localStorage.getItem('showPlay') === 'true' ?? false); + }; + const goToStart = async () => { // this function is broken for the moment, need to set players object const currentPlayers = localStorage.getItem('players'); diff --git a/src/Components/Views/StartMenu/StartMenu.tsx b/src/Components/Views/StartMenu/StartMenu.tsx index 071590a..98806c8 100644 --- a/src/Components/Views/StartMenu/StartMenu.tsx +++ b/src/Components/Views/StartMenu/StartMenu.tsx @@ -33,6 +33,7 @@ const StartButtonFooter = styled.div` position: fixed; bottom: 1rem; translate: -50%, -50%; + z-index: 1; `; const ToggleButtonsWrapper = styled.div` @@ -162,7 +163,7 @@ const Start = ({ setPlayers(createInitialPlayers(initialGameSettings)); setShowPlay(true); localStorage.setItem('playing', 'false'); - //Todo maybe showPlay is redundant? + // todo maybe showPlay is redundant? localStorage.setItem('showPlay', 'true'); };