feat: consume new api

src/App.jsx

@@ -5,20 +5,21 @@ import { useIntl } from '@edx/frontend-platform/i18n';
 import AssessmentView from 'views/AssessmentView';
 import SubmissionView from 'views/SubmissionView';
 import messages from './messages';
+import routes from './routes';
 
 const RouterRoot = () => {
   const { formatMessage } = useIntl();
 
   return (
     <Router>
       <Switch>
-        <Route path="/assessment/:id">
+        <Route path={routes.assessment}>
           <AssessmentView />
         </Route>
-        <Route path="/submission/:id">
+        <Route path={routes.submission}>
           <SubmissionView />
         </Route>
-        <Route path="/*">
+        <Route path={routes.root}>
           <ErrorPage message={formatMessage(messages.error404Message)} />
         </Route>
       </Switch>

src/components/FileUpload/index.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { DataTable, Dropzone } from '@edx/paragon';
 
 import { useSubmissionResponse } from 'data/services/lms/hooks/selectors';
@@ -8,7 +9,7 @@ import filesize from 'filesize';
 
 import messages from './messages';
 
-const FileUpload = () => {
+const FileUpload = ({ isReadOnly }) => {
   const { uploadedFiles } = useSubmissionResponse();
   const { formatMessage } = useIntl();
   return (
@@ -26,23 +27,30 @@ const FileUpload = () => {
             columns={[
               {
                 Header: formatMessage(messages.fileNameTitle),
-                accessor: 'name',
+                accessor: 'fileName',
               },
               {
                 Header: formatMessage(messages.fileDescriptionTitle),
-                accessor: 'description',
+                accessor: 'fileDescription',
               },
               {
                 Header: formatMessage(messages.fileSizeTitle),
-                accessor: 'size',
+                accessor: 'fileSize',
               },
             ]}
           />
         </>
       )}
-      <Dropzone />
+      {!isReadOnly && <Dropzone />}
     </div>
   );
 };
 
+FileUpload.defaultProps = {
+  isReadOnly: false,
+};
+FileUpload.propTypes = {
+  isReadOnly: PropTypes.bool,
+};
+
 export default FileUpload;