diff --git a/src/components/Wordle/index.jsx b/src/components/Wordle/index.jsx index 4181e0b..790895c 100644 --- a/src/components/Wordle/index.jsx +++ b/src/components/Wordle/index.jsx @@ -10,7 +10,7 @@ const WORD_LENGTH = 5; function Grid({ guesses, currentGuess, getLetterColor, isGameOver, activeIndex, setActiveIndex }) { return (
- Descubra a palavra do mundo tech + Descubra a palavra! {Array.from({ length: MAX_ATTEMPTS }).map((_, rowIndex) => { const isActiveRow = !isGameOver && rowIndex === guesses.length; diff --git a/src/components/common/FinishModal/index.jsx b/src/components/common/FinishModal/index.jsx index 597e6e4..c3da14c 100644 --- a/src/components/common/FinishModal/index.jsx +++ b/src/components/common/FinishModal/index.jsx @@ -7,7 +7,7 @@ import Button from "../Button"; import styles from "./styles.module.css"; import confetti from "canvas-confetti"; -function FinishModal({ showModal }) { +function FinishModal({ showModal, correctWord, playerWin }) { const navigate = useNavigate(); const modalClasses = classNames(styles["all"], { @@ -15,32 +15,41 @@ function FinishModal({ showModal }) { }); useEffect(() => { - if(showModal) { + if (showModal) { confetti({ particleCount: 150, spread: 100, origin: { y: 0.6 } }); } }, [showModal]) - return ( + const headerText = playerWin ? "Você conseguiu!" : "Não foi dessa vez :("; + const mainTitle = playerWin ? "Parabéns" : "Tente novamente!"; + const mainText = playerWin ? ( + <> + Você acertou, a palavra era:{" "} + {correctWord} + {" "}vamos jogar de novo? + + ) : ( + <> + Você não conseguiu descobrir a palavra, ela era:{" "} + {correctWord} + {", tente mais uma vez!"} + + ); + + return (
-

Task Finalizada!

+

{headerText}

- Parabéns! + {mainTitle} - Você completou sua tarefa, onde você irá em sua jornada expert agora? + {mainText}
-