Merge pull request #7186 from Automattic/add/update-design-on-navigat…

…ion-in-quiz-template-editor

Update design of navigation area in editor for LM quiz template

assets/course-theme/blocks/quiz-blocks/index.js

@@ -13,6 +13,11 @@ import quizActionsMeta from './quiz-actions.block.json';
 import quizBackToLessonMeta from './quiz-back-to-lesson.block.json';
 import quizProgressMeta from './quiz-progress.block.json';
 
+/**
+ * External dependencies
+ */
+import classNames from 'classnames';
+
 const meta = {
 	attributes: {},
 	icon: {
@@ -64,9 +69,16 @@ export default [
 			'Return to the lesson the quiz belongs to.',
 			'sensei-lms'
 		),
-		edit() {
+		edit: function EditQuizBackToLesson() {
+			const blockProps = useBlockProps( {
+				className: classNames(
+					'sensei-lms-href',
+					'sensei-lms-quiz-back-to-lesson'
+				),
+			} );
+
 			return (
-				<span className="sensei-lms-href sensei-lms-quiz-back-to-lesson">
+				<span { ...blockProps }>
 					<ChevronLeft />
 					{ __( 'Back to lesson', 'sensei-lms' ) }
 				</span>

assets/course-theme/blocks/quiz-blocks/quiz-back-to-lesson.block.json

@@ -1,5 +1,6 @@
 {
   "name": "sensei-lms/quiz-back-to-lesson",
+  "apiVersion": 2,
   "category": "theme",
   "supports": {
     "align": true,

changelog/add-update-design-on-navigation-in-quiz-template-editor

@@ -0,0 +1,4 @@
+Significance: minor
+Type: fixed
+
+Fixed back to lesson block to apply block styles in quiz navigation area