ucfopen#2035 Centering current question text in assessment Test compo…

…nent. Adjusting logic in QuestionBank to properly display a single question when the current question index is 0.
FrenjaminBanklin · Dec 14, 2022 · 8e1667d · 8e1667d
1 parent e1ed146
commit 8e1667d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/obonode/obojobo-chunks-question-bank/viewer-component.js b/packages/obonode/obojobo-chunks-question-bank/viewer-component.js
@@ -9,7 +9,8 @@ const QuestionBank = props => {
 	let questionRender = null
 	// props will only contain 'questionIndex' in single-question pace assessments
 	// default to null otherwise
-	const currentQuestionIndex = props.questionIndex || null
+	let currentQuestionIndex = props.questionIndex
+	if (typeof currentQuestionIndex === 'undefined') currentQuestionIndex = null
 
 	if (currentQuestionIndex !== null) {
 		const questionModel = props.model.children.models[currentQuestionIndex]

diff --git a/packages/obonode/obojobo-sections-assessment/components/test/index.js b/packages/obonode/obojobo-sections-assessment/components/test/index.js
@@ -81,7 +81,7 @@ class AssessmentTest extends React.Component {
 		return (
 			<div className="test">
 				{questionIndex !== null ? (
-					<p>
+					<p className="current-question">
 						Question {questionIndex + 1} of {this.props.model.children.models.length}
 					</p>
 				) : null}

diff --git a/packages/obonode/obojobo-sections-assessment/components/test/index.scss b/packages/obonode/obojobo-sections-assessment/components/test/index.scss
@@ -1,3 +1,9 @@
+.current-question {
+	display: block;
+	margin: 0 auto;
+	text-align: center;
+}
+
 .submit-button {
 	display: block;
 	margin: 0 auto;