diff --git a/src/components/Pages/Revision/ResultsContainer.js b/src/components/Pages/Revision/ResultsContainer.js
index c90138b..bfeceb8 100644
--- a/src/components/Pages/Revision/ResultsContainer.js
+++ b/src/components/Pages/Revision/ResultsContainer.js
@@ -3,6 +3,7 @@
import React from "react";
import PropTypes from "prop-types";
import RevisionTitle from "./RevisionTitle";
+import timerFormat from "../../../utils/timerFormat";
export default class ResultsContainer extends React.Component {
render() {
@@ -21,7 +22,8 @@ export default class ResultsContainer extends React.Component {
You performed {this.props.markSchemeCompleted} of{" "}
- {this.props.markSchemeTotal} tasks.
+ {this.props.markSchemeTotal} tasks in{" "}
+ {timerFormat(this.props.timeElapsed)}.
@@ -34,5 +36,6 @@ ResultsContainer.propTypes = {
markSchemeCompleted: PropTypes.number,
markSchemeTotal: PropTypes.number,
markSchemeElements: PropTypes.arrayOf(PropTypes.object),
- caseTitle: PropTypes.string
+ caseTitle: PropTypes.string,
+ timeElapsed: PropTypes.number
};
diff --git a/src/components/Pages/Revision/RevisionPage.js b/src/components/Pages/Revision/RevisionPage.js
index 40d70e5..de1d0c2 100644
--- a/src/components/Pages/Revision/RevisionPage.js
+++ b/src/components/Pages/Revision/RevisionPage.js
@@ -89,6 +89,7 @@ export default class RevisionPage extends React.Component {
markSchemeCompleted={this.state.markSchemeCompleted}
markSchemeElements={this.state.markSchemeElements}
caseTitle={this.state.caseTitle}
+ timeElapsed={this.state.time}
/>
);
const { exam, station } = this.props.match.params;
diff --git a/src/components/Pages/Revision/style.scss b/src/components/Pages/Revision/style.scss
index fbca86e..acc39dc 100644
--- a/src/components/Pages/Revision/style.scss
+++ b/src/components/Pages/Revision/style.scss
@@ -73,3 +73,7 @@
display: flex;
justify-content: center;
}
+
+.timer-long {
+ color: $peter-red;
+}
diff --git a/src/components/TopBar/TopBar.js b/src/components/TopBar/TopBar.js
index 22a824d..a9817b5 100644
--- a/src/components/TopBar/TopBar.js
+++ b/src/components/TopBar/TopBar.js
@@ -18,7 +18,12 @@ export default class TopBar extends React.Component {
{this.props.stationName && removeHyphens(this.props.stationName)}
{this.props.timer && (
- {timerFormat(this.props.time)}
+ = 600 ? `timer-long` : ``}
+ id="topbar-timer"
+ >
+ {timerFormat(this.props.time)}
+
)}
{this.props.tickDisplayed && (