diff --git a/client/src/pages/Game/states/Calculate/Calculate.jsx b/client/src/pages/Game/states/Calculate/Calculate.jsx index e11ef8a..9f6054b 100644 --- a/client/src/pages/Game/states/Calculate/Calculate.jsx +++ b/client/src/pages/Game/states/Calculate/Calculate.jsx @@ -2,12 +2,14 @@ import "./styles.sass"; import {GroupContext} from "@/common/contexts/GroupContext.jsx"; import {useContext, useEffect, useState} from "react"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; -import {faForward, faShoppingCart} from "@fortawesome/free-solid-svg-icons"; +import {faForward, faShoppingCart, faStop} from "@fortawesome/free-solid-svg-icons"; import InterfaceSound from "@/common/sounds/interface.mp3"; import Sound from "react-sound"; import {MusicContext} from "@/common/contexts/MusicContext.jsx"; import BeginSound from "@/common/sounds/begin.mp3"; import Button from "@/common/components/Button"; +import {SettingsContext} from "@/common/contexts/SettingsProvider.jsx"; +import {useNavigate} from "react-router"; const localeOptions = { style: "decimal", @@ -16,9 +18,13 @@ const localeOptions = { signDisplay: "never" } -export const Calculate = ({setState}) => { +export const Calculate = ({setState, currentRound}) => { const {round, getGroupById, updateCapital, endRound} = useContext(GroupContext); + const {rounds} = useContext(SettingsContext); + + const navigate = useNavigate(); + const [animatedGroups, setAnimatedGroups] = useState([]); const {musicEnabled} = useContext(MusicContext); @@ -83,6 +89,9 @@ export const Calculate = ({setState}) => {
+
+

Runde {currentRound}

+
{animatedGroups.length === 0 && <>

Die Kuchen werden verkauft...

@@ -130,7 +139,10 @@ export const Calculate = ({setState}) => {
) })} - {showNewCapital &&