From 187a7f6077b46e7a7b5e13859c931762738a9df7 Mon Sep 17 00:00:00 2001
From: swanie21 <kswanie21@gmail.com>
Date: Thu, 19 Jan 2017 12:02:44 -0700
Subject: [PATCH] add functions in quiz to check answers

---
 app/components/Answers/Answers.jsx   |  7 ++++---
 app/components/Question/Question.jsx |  6 ++++--
 app/components/Quiz/Quiz.jsx         | 23 +++++++++++++++++++++++
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/app/components/Answers/Answers.jsx b/app/components/Answers/Answers.jsx
index 4c02896..6b8b16d 100644
--- a/app/components/Answers/Answers.jsx
+++ b/app/components/Answers/Answers.jsx
@@ -1,10 +1,10 @@
 import React, { PropTypes } from 'react';
 
-const Answers = ({ id, answers, score, sumScore }) => {
+const Answers = ({ id, answers, score, setScores }) => {
 
   return (
     <ul className='answer-list'>
-      <li onClick={() => sumScore(score)}>
+      <li onClick={() => console.log(setScores(id, score))}>
         <label>
           <input type="radio" name={id} />
           {answers}
@@ -20,7 +20,8 @@ Answers.propTypes = {
   id: PropTypes.number,
   answers: PropTypes.string,
   score: PropTypes.number,
-  sumScore: PropTypes.func
+  // sumScore: PropTypes.func,
+  setScores: PropTypes.func
 };
 
 export default Answers;
diff --git a/app/components/Question/Question.jsx b/app/components/Question/Question.jsx
index a231ac2..4ee8d5b 100644
--- a/app/components/Question/Question.jsx
+++ b/app/components/Question/Question.jsx
@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react';
 import Answers from '../Answers';
 
-const Question = ({ id, question, answers, sumScore }) => {
+const Question = ({ id, question, answers, sumScore, setScores }) => {
 
   return (
     <section className='question' key={id}>
@@ -12,6 +12,7 @@ const Question = ({ id, question, answers, sumScore }) => {
             key={index}
             id={id}
             sumScore={sumScore}
+            setScores={setScores}
             answers={answer.label}
             score={answer.score}
           />
@@ -25,7 +26,8 @@ Question.propTypes = {
   id: PropTypes.number,
   question: PropTypes.string,
   answers: PropTypes.array,
-  sumScore: PropTypes.func
+  sumScore: PropTypes.func,
+  setScores: PropTypes.func
 };
 
 export default Question;
diff --git a/app/components/Quiz/Quiz.jsx b/app/components/Quiz/Quiz.jsx
index e4f3121..a83d93a 100644
--- a/app/components/Quiz/Quiz.jsx
+++ b/app/components/Quiz/Quiz.jsx
@@ -8,6 +8,27 @@ if (process.env.BROWSER) {
 class Quiz extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      score: 0,
+      selectedAnswers: [null, null, null, null]
+    };
+  }
+
+  sumScore() {
+    this.state.selectedAnswers.map(score => {
+      this.setState({
+        score: score
+      });
+    });
+  }
+
+  setScores(index, score) {
+    let selectedAnswersArray = this.state.selectedAnswers;
+    selectedAnswersArray[index] = score;
+    this.setState({
+      selectedAnswers: selectedAnswersArray
+    });
+    this.sumScore();
   }
 
   render() {
@@ -17,6 +38,7 @@ class Quiz extends Component {
 
     return (
       <section>
+        <h2>{this.state.score}</h2>
         <h2 className='score'>Total Score: <span>{score}</span></h2>
         {questions.questions.map((question, index) =>
           <Question
@@ -25,6 +47,7 @@ class Quiz extends Component {
             question={question.question}
             answers={question.answers}
             sumScore={sumScore}
+            setScores={this.setScores.bind(this)}
           />
         )}
       </section>