diff --git a/my-app/src/Components/PlayerMenu/Settings.tsx b/my-app/src/Components/PlayerMenu/Settings.tsx index dbb3f07..a12b8c3 100644 --- a/my-app/src/Components/PlayerMenu/Settings.tsx +++ b/my-app/src/Components/PlayerMenu/Settings.tsx @@ -40,11 +40,11 @@ const Settings = ({ player, opponents, onChange }: SettingsProps) => { const initialPlayers = createInitialPlayers(initialPlayerOptions); - const resetPlayer = initialPlayers.find((initialPlayer) => { + const newMe = initialPlayers.find((initialPlayer) => { return initialPlayer.key === player.key; }); - if (!resetPlayer) { + if (!newMe) { return; } @@ -64,7 +64,11 @@ const Settings = ({ player, opponents, onChange }: SettingsProps) => { onChange(opponent); }); - onChange(resetPlayer); + onChange({ + ...newMe, + color: player.color, + settings: { ...player.settings }, + }); }; const handleNewGame = () => { @@ -131,6 +135,10 @@ const Settings = ({ player, opponents, onChange }: SettingsProps) => { checkedIcon={} onChange={handleSettingsChange} /> + + Reset + + NEW GAME