external-repos/LifeTrinket
1
0
Fork 1
mirror of https://github.com/Vikeo/LifeTrinket.git synced 2025-11-17 08:18:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

create usePlayers hook related context/provider

Browse Source
This commit is contained in:
Viktor Rådberg
2023-09-20 19:52:48 +02:00
parent f61d94ad3b
commit 3dc40bf193
6 changed files with 111 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Components/Views/Play.tsx
View File

@@ -1,7 +1,7 @@
import styled from 'styled-components';
import Counters from '../Counters/Counters';
import { Player } from '../../Types/Player';
import { usePlayers } from '../../Hooks/usePlayers';
import { WakeLock } from '../../Types/WakeLock';
import Counters from '../Counters/Counters';
const MainWrapper = styled.div`
width: 100vmax;
@@ -12,25 +12,18 @@ const MainWrapper = styled.div`
`;
type PlayProps = {
players: Player[];
onPlayerChange: (updatedPlayer: Player) => void;
gridAreas: string;
goToStart: () => void;
wakeLock: WakeLock;
};
const Play = ({
players,
onPlayerChange,
gridAreas,
goToStart,
wakeLock,
}: PlayProps) => {
const Play = ({ gridAreas, goToStart, wakeLock }: PlayProps) => {
const { players, updatePlayer } = usePlayers();
return (
<MainWrapper>
<Counters
players={players}
onPlayerChange={onPlayerChange}
onPlayerChange={updatePlayer}
gridAreas={gridAreas}
goToStart={goToStart}
wakeLock={wakeLock}