feat: add dummy progress bar component

Author: muselesscreator

src/components/ProgressBar/index.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const ProgressBar = () => (
+  <div><h2>Progress Bar</h2></div>
+);
+
+export default ProgressBar;

src/views/PeerAssessmentView/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { useIsORAConfigLoaded } from 'data/services/lms/hooks/selectors';
+import ProgressBar from 'components/ProgressBar';
 
 import AssessmentContentLayout from './AssessmentContentLayout';
 import AssessmentActions from './AssessmentActions';
@@ -9,6 +10,7 @@ export const PeerAssessmentView = () => {
   const isORAConfigLoaded = useIsORAConfigLoaded();
   return (
     <>
+      <ProgressBar />
       {isORAConfigLoaded && (<AssessmentContentLayout />)}
       <AssessmentActions />
     </>

src/views/SelfAssessmentView/index.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { useIsORAConfigLoaded } from 'data/services/lms/hooks/selectors';
+import ProgressBar from 'components/ProgressBar';
 
 import AssessmentContentLayout from './AssessmentContentLayout';
 import AssessmentActions from './AssessmentActions';
@@ -9,6 +10,7 @@ export const SelfAssessmentView = () => {
   const isORAConfigLoaded = useIsORAConfigLoaded();
   return (
     <>
+      <ProgressBar />
       {isORAConfigLoaded && (<AssessmentContentLayout />)}
       <AssessmentActions />
     </>

src/views/StudentTrainingView/index.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import ProgressBar from 'components/ProgressBar';
 import { useIsORAConfigLoaded } from 'data/services/lms/hooks/selectors';
 
 import AssessmentContentLayout from './AssessmentContentLayout';
@@ -9,6 +10,7 @@ export const StudentTrainingView = () => {
   const isORAConfigLoaded = useIsORAConfigLoaded();
   return (
     <>
+      <ProgressBar />
       {isORAConfigLoaded && (<AssessmentContentLayout />)}
       <AssessmentActions />
     </>

src/views/SubmissionView/index.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import ProgressBar from 'components/ProgressBar';
 import SubmissionContentLayout from './SubmissionContentLayout';
 import SubmissionActions from './SubmissionActions';
 import useSubmissionViewHooks from './hooks';
@@ -18,6 +19,7 @@ export const SubmissionView = () => {
   } = useSubmissionViewHooks();
   return (
     <>
+      <ProgressBar />
       <SubmissionContentLayout
         submission={submission}
         oraConfigData={oraConfigData}

src/views/XBlockView/index.jsx

@@ -1,7 +1,12 @@
 import React from 'react';
+import ProgressBar from 'components/ProgressBar';
 
 export const XBlockView = () => (
-  <div>XBlock View</div>
+  <div>
+    <ProgressBar />
+    <h1>XBlock View</h1>
+    Testing react in the xblock
+  </div>
 );
 
 export default XBlockView;