me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change layout of stats on test completion

Browse Source
This commit is contained in:
Matthew Grove
2021-09-11 22:22:55 +01:00
parent d5c48c7acc
commit 7f5ae50e22
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/Progress.js
View File

@@ -503,21 +503,23 @@ export default withRouter(class Progress extends React.Component {
<main>
{/* DONE */}
<h1>{this.state.setTitle}</h1>
<div className="stat-row stat-row--inline">
<p>You got</p>
<h1>{`${(this.state.correct / this.state.totalQuestions * 100).toFixed(2)}%`}</h1>
</div>
<div className="stat-row stat-row--inline">
<h1>{`${this.state.correct} of ${this.state.totalQuestions}`}</h1>
<p>marks</p>
</div>
<div className="stat-row stat-row--inline">
<p>You took</p>
<h1>{this.msToTime(this.state.duration)}</h1>
</div>
<div className="stat-row stat-row--inline stat-row--no-gap">
<p>Attempt #</p>
<h1>{this.state.attemptNumber}</h1>
<div className="progress-stat-row-container">
<div className="stat-row stat-row--inline">
<p>You got</p>
<h1>{`${(this.state.correct / this.state.totalQuestions * 100).toFixed(2)}%`}</h1>
</div>
<div className="stat-row stat-row--inline">
<h1>{`${this.state.correct} of ${this.state.totalQuestions}`}</h1>
<p>marks</p>
</div>
<div className="stat-row stat-row--inline">
<p>You took</p>
<h1>{this.msToTime(this.state.duration)}</h1>
</div>
<div className="stat-row stat-row--inline stat-row--no-gap">
<p>Attempt #</p>
<h1>{this.state.attemptNumber}</h1>
</div>
</div>
{
this.state.incorrectAnswers && Object.keys(this.state.incorrectAnswers).length > 0 &&