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

resource selection lifted to gameboard state

Browse Source
This commit is contained in:
Mikayla Dobson
2022-07-24 10:15:06 -05:00
parent dc603c891a
commit 30425cde91
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Resources/AvailableChips.tsx
View File

@@ -1,11 +1,13 @@
import { ResourceCost, StateProps } from "../../util/types";
import { v4 } from "uuid";
import "./AvailableChips.css"
import { useEffect, useState } from "react";
import { useEffect } from "react";
export default function AvailableChips({ state, setState }: StateProps) {
const [selection, setSelection] = useState([]);
interface ResourceProps extends StateProps {
liftSelection: (value: keyof ResourceCost) => void
}
export default function AvailableChips({ state, setState, liftSelection }: ResourceProps) {
useEffect(() => {
return;
}, [state])
@@ -13,11 +15,11 @@ export default function AvailableChips({ state, setState }: StateProps) {
return (
<div className="available-chips">
{
Object.keys(state.gameboard.tradingResources).map((key: string) => {
Object.keys(state.gameboard.tradingResources).map((key: string | keyof ResourceCost) => {
return (
<div key={v4()} className={`chips-${key}`}>
<button key={v4()} value={key} onClick={() => console.log(key)}>
{key}: {state.gameboard.tradingResources[key as keyof ResourceCost]}
<button key={v4()} value={key} onClick={() => liftSelection(key as keyof ResourceCost)}>
{key}: {state.gameboard.tradingResources[key]}
</button>
</div>
)