diff --git a/src/courseware/course/Course.jsx b/src/courseware/course/Course.jsx index 03ccc0d9..a5250dc4 100644 --- a/src/courseware/course/Course.jsx +++ b/src/courseware/course/Course.jsx @@ -104,6 +104,7 @@ function Course({ unitNavigationHandler={unitNavigationHandler} nextSequenceHandler={nextSequenceHandler} previousSequenceHandler={previousSequenceHandler} + toggleREV1512Flyover={toggleREV1512Flyover} /* This line should be reverted after REV1512 experiment */ isREV1512FlyoverVisible={isREV1512FlyoverVisible} /* This line should be reverted after REV1512 experiment */ REV1512FlyoverEnabled={REV1512FlyoverEnabled} /* This line should be reverted after REV1512 experiment */ /> diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx index a8bb26a7..f85fe803 100644 --- a/src/courseware/course/sequence/Sequence.jsx +++ b/src/courseware/course/sequence/Sequence.jsx @@ -30,6 +30,7 @@ function Sequence({ intl, isREV1512FlyoverVisible, /* This line should be reverted after the REV1512 experiment */ REV1512FlyoverEnabled, /* This line should be reverted after the REV1512 experiment */ + toggleREV1512Flyover, /* This line should be reverted after the REV1512 experiment */ }) { const course = useModel('courses', courseId); const sequence = useModel('sequences', sequenceId); @@ -196,9 +197,46 @@ function Sequence({ width: '330px', verticalAlign: 'top', marginLeft: '20px', - padding: '20px', + padding: '0 20px 20px 20px', }} - /> + > +
+ Notification + { + toggleREV1512Flyover(); + }} + className="hideFlyover" + width="14" + height="14" + viewBox="0 0 14 14" + fill="none" + xmlns="http://www.w3.org/2000/svg" + style={{ + float: 'right', + marginTop: '5.5px', + }} + > + + +
+
+
)} @@ -222,6 +260,7 @@ Sequence.propTypes = { nextSequenceHandler: PropTypes.func.isRequired, previousSequenceHandler: PropTypes.func.isRequired, intl: intlShape.isRequired, + toggleREV1512Flyover: PropTypes.func.isRequired, /* This line should be reverted after the REV1512 experiment */ isREV1512FlyoverVisible: PropTypes.func.isRequired, /* This line should be reverted after the REV1512 experiment */ REV1512FlyoverEnabled: PropTypes.bool.isRequired, /* This line should be reverted after the REV1512 experiment */ };