| @@ -36,15 +36,26 @@ | ||
| 36 | 36 | |
| 37 | 37 | setQuizData( settings ); |
| 38 | 38 | } |
| 39 | 39 | |
| 40 | + componentDidUpdate( prevProps, prevState, snapshot ) { | |
| 41 | + const { status } = prevProps; | |
| 42 | + const elQuizContent = document.querySelector( '.quiz-content' ); | |
| 43 | + | |
| 44 | + if ( status !== undefined && elQuizContent ) { | |
| 45 | + elQuizContent.style.display = 'none'; | |
| 46 | + } | |
| 47 | + } | |
| 48 | + | |
| 40 | 49 | startQuiz = ( event ) => { |
| 41 | 50 | this.props.startQuiz(); |
| 42 | 51 | }; |
| 43 | 52 | |
| 44 | 53 | render() { |
| 45 | - const { status, isReviewing } = this.props; | |
| 54 | + const { status, isReviewing, answered } = this.props; | |
| 46 | 55 | |
| 56 | + wp.hooks.doAction( 'lp-js-quiz-answer', answered, status ); | |
| 57 | + | |
| 47 | 58 | const isA = |
| 48 | 59 | -1 !== [ '', 'completed', 'viewed' ].indexOf( status ) || ! status; |
| 49 | 60 | const notStarted = |
| 50 | 61 | -1 !== [ '', 'viewed', undefined ].indexOf( status ) || ! status; |
| @@ -58,9 +69,8 @@ | ||
| 58 | 69 | <Result /> |
| 59 | 70 | ) } |
| 60 | 71 | |
| 61 | 72 | { ! isReviewing && notStarted && <Meta /> } |
| 62 | - { ! isReviewing && notStarted && <Content /> } | |
| 63 | 73 | |
| 64 | 74 | { 'started' === status && <Status /> } |
| 65 | 75 | |
| 66 | 76 | { ( -1 !== [ 'completed', 'started' ].indexOf( status ) || |
