Merge pull request #101 from WildCodeSchool-2023-09/fixjeu

fixjeu
WildCodeSchool-2023-09 · Nov 10, 2023 · 804a2e9 · 804a2e9
2 parents b08991d + ac7a82c
commit 804a2e9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/frontend/src/components/Jeu.jsx b/frontend/src/components/Jeu.jsx
@@ -195,7 +195,11 @@ function Jeu() {
             className="gameOver text-white font-irish w-full h-full flex justify-center items-center text-9xl 
           max-sm:text-7xl max-sm:pb-32"
           >
-            {score === 200 ? <Victory result /> : <Victory result={false} />}
+            {score === 200 ? (
+              <Victory result pV={pV.length} score={score} />
+            ) : (
+              <Victory result={false} />
+            )}
           </div>
         )}
       </div>

diff --git a/frontend/src/components/Victory.jsx b/frontend/src/components/Victory.jsx
@@ -1,15 +1,16 @@
 import PropTypes from "prop-types";
 import { motion } from "framer-motion";
 
-function Victory({ result }) {
+function Victory({ result, pV, score }) {
   if (result) {
     return (
       <motion.p
         initial={{ opacity: 0, scale: 2 }}
         animate={{ opacity: 1, scale: 1 }}
         transition={{ duration: 0.5 }}
       >
-        Victory!
+        <h1 className="text-center">Victory!</h1>
+        <p>Your score is {score * pV}</p>
       </motion.p>
     );
   }
@@ -18,6 +19,8 @@ function Victory({ result }) {
 
 Victory.propTypes = {
   result: PropTypes.bool.isRequired,
+  pV: PropTypes.number.isRequired,
+  score: PropTypes.number.isRequired,
 };
 
 export default Victory;