Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Updated the Calculate.jsx state

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-22 12:14:35 +01:00
parent 96d79be828
commit bec153c282
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/pages/Game/states/Calculate/Calculate.jsx
View File

@ -19,7 +19,7 @@ const localeOptions = {
}
export const Calculate = ({setState, currentRound}) => {
const {round, getGroupById, updateCapital, endRound} = useContext(GroupContext);
const {round, getGroupById, updateCapital, endRound, setRoundHistory} = useContext(GroupContext);
const {rounds} = useContext(SettingsContext);
@ -41,10 +41,12 @@ export const Calculate = ({setState, currentRound}) => {
let profit = sold * current.price - (current.amount * 1000 + 4000);
setAnimatedGroups(old => [...old, {...current, profit, name: getGroupById(current.id).name, sold,
newCapital: getGroupById(current.id).capital + profit}]);
let currentRound = {...current, profit, name: getGroupById(current.id).name, sold,
newCapital: getGroupById(current.id).capital + profit};
updateCapital(current.id, getGroupById(current.id).capital + profit);
setAnimatedGroups(old => [...old, currentRound]);
updateCapital(current.id, currentRound.newCapital);
}
useEffect(() => {
@ -63,6 +65,8 @@ export const Calculate = ({setState, currentRound}) => {
useEffect(() => {
if (animatedGroups.length === 0) return;
setRoundHistory(history => [...history, animatedGroups]);
const timeout = setTimeout(() => {
setShowNewCapital(true);
}, 3000);
@ -144,7 +148,7 @@ export const Calculate = ({setState, currentRound}) => {
{showNewCapital && currentRound >= rounds && <Button text="Spiel beenden" onClick={() => navigate("/end")} icon={faStop}/>}
</div>
</div>
<div className="glassy customer" style={{marginTop: (6.2 * animatedGroups.length) + "rem"}}>
<div className="glassy customer" style={{marginTop: (6.2 * animatedGroups.length + 5.2) + "rem"}}>
<FontAwesomeIcon icon={faShoppingCart} />
<div className="customer-item">
<p>Nachfrage</p>