feat: separate assessments

Author: muselesscreator

src/App.jsx

@@ -2,7 +2,9 @@ import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { ErrorPage } from '@edx/frontend-platform/react';
 import { useIntl } from '@edx/frontend-platform/i18n';
 
-import AssessmentView from 'views/AssessmentView';
+import PeerAssessmentView from 'views/PeerAssessmentView';
+import SelfAssessmentView from 'views/SelfAssessmentView';
+import StudentTrainingView from 'views/StudentTrainingView';
 import SubmissionView from 'views/SubmissionView';
 import messages from './messages';
 import routes from './routes';
@@ -13,7 +15,13 @@ const RouterRoot = () => {
   return (
     <Router>
       <Switch>
-        <Route path={routes.assessment}>
+        <Route path={routes.peerAssessment}>
+          <AssessmentView />
+        </Route>
+        <Route path={routes.selfAssessment}>
+          <AssessmentView />
+        </Route>
+        <Route path={routes.studentTraining}>
           <AssessmentView />
         </Route>
         <Route path={routes.submission}>

src/routes.ts

@@ -1,5 +1,7 @@
 export default {
   assessment: '/assessment/:id',
-  submission: '/submission/:id',
+  peerSubmission: '/peer_submission/:id',
+  selfSubmission: '/self_submission/:id',
+  studentTraining: '/student_training/:id',
   root: '/*',
 };

src/views/AssessmentView/AssessmentActions.jsx renamed to src/views/PeerAssessmentView/AssessmentActions.jsx

@@ -7,7 +7,7 @@ import { useIsORAConfigLoaded, usePageData } from 'data/services/lms/hooks/selec
 import AssessmentContentLayout from './AssessmentContentLayout';
 import AssessmentActions from './AssessmentActions';
 
-export const AssessmentView = () => {
+export const PeerAssessmentView = () => {
   const isORAConfigLoaded = useIsORAConfigLoaded();
   const pageData = usePageData();
   console.log({ pageData });
@@ -25,4 +25,4 @@ export const AssessmentView = () => {
   );
 };
 
-export default AssessmentView;
+export default PeerAssessmentView;

src/views/AssessmentView/AssessmentContent.jsx renamed to src/views/PeerAssessmentView/AssessmentContent.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import { ActionRow, Button } from '@edx/paragon';
+
+const AssessmentActions = () => (
+  <ActionRow className="border mt-3">
+    <Button variant="secondary">Secondary Action</Button>
+    <Button>Primary Action</Button>
+  </ActionRow>
+);
+
+export default AssessmentActions;

src/views/AssessmentView/AssessmentContentLayout.jsx renamed to src/views/PeerAssessmentView/AssessmentContentLayout.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { useORAConfigData } from 'data/services/lms/hooks/selectors';
+
+import Prompt from 'components/Prompt';
+import TextResponse from 'components/TextResponse';
+import FileUpload from 'components/FileUpload';
+
+const AssessmentContent = () => {
+  const { prompts } = useORAConfigData();
+  return (
+    <div>
+      {React.Children.toArray(
+        prompts.map((prompt, index) => (
+          <div>
+            <Prompt promptIndex={index} />
+            <TextResponse promptIndex={index} />
+          </div>
+        )),
+      )}
+      <FileUpload isReadOnly />
+    </div>
+  );
+};
+
+export default AssessmentContent;

src/views/AssessmentView/AssessmentContentLayout.scss renamed to src/views/PeerAssessmentView/AssessmentContentLayout.scss

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Col, Row } from '@edx/paragon';
+
+import { useRubricConfig } from 'data/services/lms/hooks/selectors';
+import Rubric from 'components/Rubric';
+import AssessmentContent from './AssessmentContent';
+
+import './AssessmentContentLayout.scss';
+
+const AssessmentContentLayout = () => {
+  console.log(useRubricConfig());
+  const showRubric = useRubricConfig().showDuringResponse;
+  return (
+    <div className="assessment-content-layout mr-auto ml-auto">
+      <div className="content-wrapper">
+        <Row className="flex-nowrap m-0">
+          <Col className="p-0">
+            <AssessmentContent />
+          </Col>
+          {showRubric && (<Rubric isGrading={false} />)}
+        </Row>
+      </div>
+    </div>
+  );
+};
+
+export default AssessmentContentLayout;