add yaml reader besides csv reader

README.md

@@ -2,4 +2,4 @@ This project was inspired by: https://www.lesswrong.com/posts/8wzKawHmh4d3h2otw/
 
 Access the app at: https://bayes-up.web.app/
 
-For anything else feel free contact any of the contributor.
+For anything else feel free contact any of the contributors.

firestore.rules

@@ -1,6 +1,10 @@
 rules_version = '2';
 service cloud.firestore {
   match /databases/{database}/documents {
+    match /publicQuizzes/list {
+    	allow read: if true;
+    }
+
     match /events/{documents=**} {
     	allow write: if true;
     }
@@ -12,5 +16,9 @@ service cloud.firestore {
     match /quizzes/{userId} {
       allow read, write: if request.auth.uid == userId;
     }
+
+    match /results/{documents=**} {
+      allow read, write: if request.auth != null;
+    }
   }
 }

src/App.js

@@ -7,6 +7,8 @@ import Stats from "./Stats";
 import Settings from "./Settings";
 import SignIn from "./SignIn";
 import FetchQuiz from "./FetchQuiz";
+import Share from "./Share";
+import Results from "./Results";
 import MyQuizzes from "./MyQuizzes";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 
@@ -33,7 +35,10 @@ const App = () => {
               <Quiz quiz={quiz} setQuiz={setQuiz} />
             </Route>
             <Route exact path="/editor">
-              <Editor quiz={quiz} />
+              <Editor />
+            </Route>
+            <Route exact path="/e/:quizId">
+              <Editor />
             </Route>
             <Route exact path="/stats">
               <Stats />
@@ -44,6 +49,12 @@ const App = () => {
             <Route exact path="/q/:quizId">
               <FetchQuiz setQuiz={setQuiz} path={path} />
             </Route>
+            <Route exact path="/r/:quizId">
+              <Results />
+            </Route>
+            <Route exact path="/s/:quizId">
+              <Share />
+            </Route>
             <Route exact path="/myquizzes">
               <MyQuizzes />
             </Route>

src/ChoiceBox.js

@@ -7,7 +7,7 @@ const CustomSlider = withStyles({
     height: 24,
     padding: "6px 0px",
     flex: "0 0 auto",
-    width: "80%"
+    width: "95%"
   },
   thumb: {
     height: 32,
@@ -21,6 +21,7 @@ const CustomSlider = withStyles({
       boxShadow: "inherit"
     }
   },
+  active: {},
   track: {
     height: 24,
     borderRadius: 2,
@@ -33,30 +34,44 @@ const CustomSlider = withStyles({
   }
 })(Slider);
 
-export default ({ choice, guess, setGuess, background, submitted }) => {
+export default ({
+  choice,
+  guess,
+  setGuess,
+  submitted,
+  isCorrect,
+  baseScore
+}) => {
+  const background = submitted && isCorrect ? "green" : "#bbbbbb";
+
   const handleSliderChange = (event, newValue) => {
     if (submitted) return;
     setGuess(newValue);
   };
 
+  const error = isCorrect ? (100 - guess) ** 2 / 1000 : guess ** 2 / 1000;
+  const scoreIfRight = 10 - (100 - guess) ** 2 / 1000;
+  const scoreIfWrong = guess ** 2 / 1000;
+  const score = isCorrect ? scoreIfRight : scoreIfWrong;
+
+  const colorRight = !submitted || isCorrect ? "black" : "transparent";
+  const colorWrong = !submitted || !isCorrect ? "black" : "transparent";
+
   return (
     <div className="choiceContainer" style={{ background }}>
       <div className="choice">
-        <button
-          className="fullwidth-button"
-          disabled={guess < 1 || submitted}
-          onClick={() => setGuess(guess - 5)}
-        >
-          -
-        </button>
-        <span>{choice}</span>
-        <button
-          className="fullwidth-button"
-          disabled={guess > 99 || submitted}
-          onClick={() => setGuess(guess + 5)}
-        >
-          +
-        </button>
+        <div className="choiceText">
+          <span>{choice}</span>
+        </div>
+      </div>
+      <div className="sliderValue">
+        <span style={{ color: colorRight }}>
+          +{scoreIfRight.toFixed(scoreIfRight % 10 === 0 ? 0 : 2)}
+        </span>
+        <span>{guess.toFixed(0)}%</span>
+        <span style={{ color: colorWrong }}>
+          -{scoreIfWrong.toFixed(scoreIfWrong % 10 === 0 ? 0 : 2)}
+        </span>
       </div>
       <div className="sliderContainer">
         <CustomSlider
@@ -65,7 +80,6 @@ export default ({ choice, guess, setGuess, background, submitted }) => {
           aria-labelledby="input-slider"
           step={5}
         />
-        <span className="sliderValue">{guess}%</span>
       </div>
     </div>
   );