added code to conditionally render correct/incorrect

Shelrothman · Aug 24, 2020 · 7b044b4 · 7b044b4
1 parent a341432
commit 7b044b4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 10 deletions.
diff --git a/client/src/components/Quiz/index.js b/client/src/components/Quiz/index.js
@@ -34,7 +34,6 @@ function Quiz() {
       countryArr.current[Math.floor(Math.random() * countryArr.current.length)];
     if (questionCount <= 5) {
       quizArr.push(randomCountry);
-      console.log(quizArr);
     }
     answerList.push(answerFromMap);
     setCountry(randomCountry);

diff --git a/client/src/pages/Home/index.js b/client/src/pages/Home/index.js
@@ -39,7 +39,6 @@ function Home() {
     let data = "Continent Not Found";
     if (results.length !== 0 && results.length !== "undefined") {
       for (let i=0;i< results.length;i++){
-        console.log("continent",continent)
         let result = results[i];
           if(result.hasOwnProperty(continent)){  
             data = "Continent Found"        

diff --git a/client/src/pages/Results/ResultCard.js b/client/src/pages/Results/ResultCard.js
@@ -1,16 +1,18 @@
 import React from "react";
 import ResultsFacts from "./ResultsFacts";
 
-function ResultCard(props) {
-  console.log(props);
-
+function ResultCard({ country, status }) {
   return (
     <div className="col-sm-2 title-container p-3 m-3">
       <div className="card">
         <div className="card-body">
-          <h5 className="card-title">{props.country}</h5>
-          <span className="badge badge-pill badge-success">Correct</span>
-          <ResultsFacts country={props.country} />
+          <h5 className="card-title">{country}</h5>
+          {status === "Correct" ? (
+            <span className="badge badge-pill badge-success">Correct</span>
+          ) : (
+            <span className="badge badge-pill badge-danger">Incorrect</span>
+          )}
+          <ResultsFacts country={country} />
         </div>
       </div>
     </div>

diff --git a/client/src/pages/Results/Results.js b/client/src/pages/Results/Results.js
@@ -25,8 +25,6 @@ function Results(props) {
     let status = "Incorrect";
     for (let i = 1; i < guessedCountries.length; i++) {
       let countryStatus = guessedCountries[i];
-      console.log("guessedList", guessedCountries);
-      console.log(country, countryStatus[country]);
       if (countryStatus[country] === "Correct") {
         status = "Correct";
         return "Correct";