feat: add report button component

nelc · Jan 24, 2024 · 5565025 · 5565025
1 parent 1b427c4
commit 5565025
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx
@@ -13,7 +13,7 @@ import { useSelector } from 'react-redux';
 import { history } from '@edx/frontend-platform';
 import SequenceExamWrapper from '@edx/frontend-lib-special-exams';
 import { breakpoints, useWindowSize } from '@edx/paragon';
-import { LikeDislikeUnit } from '@edunext/frontend-essentials';
+import { ReportButton, LikeDislikeUnit } from '@edunext/frontend-essentials';
 
 import PageLoading from '../../../generic/PageLoading';
 import { useModel } from '../../../generic/model-store';
@@ -179,6 +179,7 @@ const Sequence = ({
             <>
               <div className="nelp-container">
                 <LikeDislikeUnit courseId={courseId} unitId={unitId} />
+                <ReportButton courseId={courseId} unitId={unitId} />
               </div>
 
               <UnitNavigation

diff --git a/src/courseware/course/sequence/Sequence.scss b/src/courseware/course/sequence/Sequence.scss
@@ -0,0 +1,5 @@
+.nelp-container {
+	display: flex;
+	text-align: center;
+    justify-content: center;
+}
diff --git a/src/index.scss b/src/index.scss
@@ -381,3 +381,4 @@
 @import "course-home/progress-tab/grades/course-grade/GradeBar.scss";
 @import "courseware/course/course-exit/CourseRecommendations";
 @import "product-tours/newUserCourseHomeTour/NewUserCourseHomeTourModal.scss";
+@import "courseware/course/sequence/Sequence.scss";