11import React , { Component } from "react" ;
22import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" ;
3- import { faCircle , faDotCircle } from "@fortawesome/free-solid-svg-icons" ;
4- import { bookSetState , scrollToNextStep , bookStatePush } from "./book/store" ;
3+ import { faCheck , faCircle , faDotCircle , faTimes } from "@fortawesome/free-solid-svg-icons" ;
4+ import { bookSetState , bookStatePush , scrollToNextStep } from "./book/store" ;
55import { showCodeResult , terminalRef } from "./App" ;
66import Confetti from "react-dom-confetti" ;
77import { animateScroll } from "react-scroll" ;
@@ -11,7 +11,12 @@ const RadioButton = ({onChange, label, status}) => (
1111< div className = { "prediction-choice prediction-" + status }
1212onClick = { onChange } >
1313< FontAwesomeIcon
14- icon = { status === "selected" ?faDotCircle :faCircle }
14+ icon = { {
15+ selected :faDotCircle ,
16+ wrong :faTimes ,
17+ correct :faCheck ,
18+ "" :faCircle ,
19+ } [ status ] }
1520/>
1621< div className = "prediction-label" style = { { color :label === "Error" ?"red" :"white" } } >
1722{ label }