diff --git a/src/App.tsx b/src/App.tsx index 6e6a81f..6e8a2d6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -7,7 +7,7 @@ import { Player } from './Types/Player'; import { ThemeProvider } from '@mui/material'; import { theme } from './Data/theme'; -import { useAnalytics } from './Data/useAnalytics'; +import { useAnalytics } from './Hooks/useAnalytics'; const GlobalStyles = createGlobalStyle` html, @@ -19,12 +19,12 @@ const GlobalStyles = createGlobalStyle` } `; -const RootWrapper2 = styled.div` +const StartWrapper = styled.div` max-width: fit-content; max-height: fit-content; `; -const RootWrapper = styled.div` +const PlayWrapper = styled.div` max-width: fit-content; max-height: fit-content; @media (orientation: portrait) { @@ -32,6 +32,12 @@ const RootWrapper = styled.div` } `; +const removeLocalStorage = async () => { + localStorage.removeItem('initialGameSettings'); + localStorage.removeItem('players'); + localStorage.removeItem('playing'); +}; + const App = () => { const analytics = useAnalytics(); const savedPlayers = localStorage.getItem('players'); @@ -61,18 +67,16 @@ const App = () => { setPlayers(updatedPlayers); }; - const resetCurrentGame = () => { + const resetCurrentGame = async () => { const currentPlayers = localStorage.getItem('players'); if (currentPlayers) { analytics.trackEvent('go_to_start', { playersBeforeReset: currentPlayers, }); } + await removeLocalStorage(); setPlayers([]); - localStorage.removeItem('players'); - localStorage.removeItem('playing'); - localStorage.removeItem('initialGameSettings'); }; return ( @@ -80,22 +84,22 @@ const App = () => { {players.length > 0 && initialGameSettings ? ( - + - + ) : ( - + - + )} ); diff --git a/src/Components/Misc/SupportMe.tsx b/src/Components/Misc/SupportMe.tsx index 38e5564..1332a74 100644 --- a/src/Components/Misc/SupportMe.tsx +++ b/src/Components/Misc/SupportMe.tsx @@ -5,7 +5,7 @@ import { theme } from '../../Data/theme'; import { BuyMeCoffee, KoFi } from '../../Icons/generated/Support'; import { Paragraph } from './TextComponents'; import LittleGuy from '../../Icons/generated/LittleGuy'; -import { useAnalytics } from '../../Data/useAnalytics'; +import { useAnalytics } from '../../Hooks/useAnalytics'; // import { ButtonBase } from '@mui/material'; diff --git a/src/Components/Views/StartMenu/StartMenu.tsx b/src/Components/Views/StartMenu/StartMenu.tsx index ccb8e93..187d9a7 100644 --- a/src/Components/Views/StartMenu/StartMenu.tsx +++ b/src/Components/Views/StartMenu/StartMenu.tsx @@ -11,7 +11,7 @@ import { Player } from '../../../Types/Player'; import { SupportMe } from '../../Misc/SupportMe'; import { H2, Paragraph } from '../../Misc/TextComponents'; import LayoutOptions from './LayoutOptions'; -import { useAnalytics } from '../../../Data/useAnalytics'; +import { useAnalytics } from '../../../Hooks/useAnalytics'; const MainWrapper = styled.div` width: 100vw; @@ -101,6 +101,7 @@ const Start = ({ gridAreas: GridTemplateAreas.FourPlayers, } ); + const doStartGame = () => { if (!initialGameSettings) { return; @@ -166,7 +167,7 @@ const Start = ({ max={6} min={1} aria-label="Custom marks" - defaultValue={4} + defaultValue={initialGameSettings?.numberOfPlayers ?? 4} getAriaValueText={valuetext} step={null} marks={playerMarks} @@ -183,7 +184,7 @@ const Start = ({ max={60} min={20} aria-label="Custom marks" - defaultValue={40} + defaultValue={initialGameSettings?.startingLifeTotal ?? 40} getAriaValueText={valuetext} step={10} marks={healthMarks} @@ -197,7 +198,7 @@ const Start = ({ Commander setPlayerOptions({ ...playerOptions, diff --git a/src/Data/useAnalytics.ts b/src/Hooks/useAnalytics.ts similarity index 100% rename from src/Data/useAnalytics.ts rename to src/Hooks/useAnalytics.ts