innocuous-symmetry/splendor-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

includes held cards in total available resources

Browse Source
This commit is contained in:
Mikayla Dobson
2022-07-30 08:24:41 -05:00
parent 3ba8dedcfa
commit 3e8d3b5e03
5 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Player/Player.tsx
View File

@@ -32,12 +32,12 @@ export default function Player({ player, state, setState, setActionState }: Play
{/* Static Data */}
<section className="player-constants">
<p>Name: {player.name}</p>
<p>Score: {player.points}</p>
<p>Is {player.starter || "not"} round starter</p>
</section>
{/* Dynamic data from state */}
<section className="turn-and-action-based">
<p>Score: {dynamic?.points}</p>
<p>{dynamic?.turnActive ? prompt : '...'}</p>
<button onClick={() => setActionSelection(0)}>Get Chips</button>
<button onClick={() => setActionSelection(1)}>Buy Card</button>
@@ -49,7 +49,7 @@ export default function Player({ player, state, setState, setActionState }: Play
<div className="player-chips">
<p>Chips:</p>
{ dynamic && Object.entries(dynamic?.inventory).map(([key,value]) => {
{ dynamic && Object.entries(dynamic.inventory).map(([key,value]) => {
return value > 0 && <p key={v4()}>{key}: {value}</p>
})}
</div>
@@ -60,7 +60,7 @@ export default function Player({ player, state, setState, setActionState }: Play
return (
<div key={v4()} className="mini-card" style={{backgroundColor: 'white'}}>
<p>{data.gemValue} card</p>
<p>{data.points || null}</p>
<p>{data.points + " points" || null}</p>
</div>
)})
}