Change layout of stats on test completion
This commit is contained in:
@@ -503,6 +503,7 @@ export default withRouter(class Progress extends React.Component {
|
|||||||
<main>
|
<main>
|
||||||
{/* DONE */}
|
{/* DONE */}
|
||||||
<h1>{this.state.setTitle}</h1>
|
<h1>{this.state.setTitle}</h1>
|
||||||
|
<div className="progress-stat-row-container">
|
||||||
<div className="stat-row stat-row--inline">
|
<div className="stat-row stat-row--inline">
|
||||||
<p>You got</p>
|
<p>You got</p>
|
||||||
<h1>{`${(this.state.correct / this.state.totalQuestions * 100).toFixed(2)}%`}</h1>
|
<h1>{`${(this.state.correct / this.state.totalQuestions * 100).toFixed(2)}%`}</h1>
|
||||||
@@ -519,6 +520,7 @@ export default withRouter(class Progress extends React.Component {
|
|||||||
<p>Attempt #</p>
|
<p>Attempt #</p>
|
||||||
<h1>{this.state.attemptNumber}</h1>
|
<h1>{this.state.attemptNumber}</h1>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{
|
{
|
||||||
this.state.incorrectAnswers && Object.keys(this.state.incorrectAnswers).length > 0 &&
|
this.state.incorrectAnswers && Object.keys(this.state.incorrectAnswers).length > 0 &&
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user