fix: update api pattern usage

Author: muselesscreator

src/components/FilePreview/index.jsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import { useSubmissionResponse } from 'data/services/lms/hooks/selectors';
+import { useResponseData } from 'data/services/lms/hooks/selectors';
 import { FileRenderer, isSupported } from './components';
 
 const FilePreview = () => {
-  const { uploadedFiles } = useSubmissionResponse();
+  const { uploadedFiles } = useResponseData();
   return (
     <div>
       {uploadedFiles.filter(isSupported).map((file) => (

src/views/PeerAssessmentView/Content.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {
   usePrompts,
-  useSubmissionResponse,
+  useResponseData,
 } from 'data/services/lms/hooks/selectors';
 
 import Prompt from 'components/Prompt';
@@ -12,7 +12,7 @@ import FilePreview from 'components/FilePreview';
 
 const AssessmentContent = () => {
   const prompts = usePrompts();
-  const response = useSubmissionResponse();
+  const response = useResponseData();
   return (
     <div>
       {React.Children.toArray(

src/views/SelfAssessmentView/Content.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {
   usePrompts,
-  useSubmissionResponse,
+  useResponseData,
 } from 'data/services/lms/hooks/selectors';
 
 import Prompt from 'components/Prompt';
@@ -12,7 +12,7 @@ import FilePreview from 'components/FilePreview';
 
 const AssessmentContent = () => {
   const prompts = usePrompts();
-  const response = useSubmissionResponse();
+  const response = useResponseData();
   return (
     <div>
       {React.Children.toArray(

src/views/StudentTrainingView/Content.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {
   usePrompts,
-  useSubmissionResponse,
+  useResponseData,
 } from 'data/services/lms/hooks/selectors';
 
 import Prompt from 'components/Prompt';
@@ -11,7 +11,7 @@ import FileUpload from 'components/FileUpload';
 
 const AssessmentContent = () => {
   const prompts = usePrompts();
-  const response = useSubmissionResponse();
+  const response = useResponseData();
   return (
     <div>
       {React.Children.toArray(

src/views/SubmissionView/SubmissionActions.jsx

@@ -6,19 +6,17 @@ import { MutationStatus } from 'data/services/lms/constants';
 import messages from './messages';
 
 const SubmissionActions = ({
-  submitResponseHandler,
-  submitResponseStatus,
-  saveResponseHandler,
-  saveResponseStatus,
+  submitResponse,
+  saveResponse,
 }) => {
   const { formatMessage } = useIntl();
 
   return (
     <ActionRow>
       <StatefulButton
         variant="secondary"
-        onClick={saveResponseHandler}
-        state={saveResponseStatus}
+        onClick={saveResponse.handler}
+        state={saveResponse.status}
         disabledStates={[MutationStatus.loading]}
         labels={{
           default: formatMessage(messages.saveActionSave),
@@ -28,8 +26,8 @@ const SubmissionActions = ({
         }}
       />
       <StatefulButton
-        onClick={submitResponseHandler}
-        state={submitResponseStatus}
+        onClick={submitResponse.handler}
+        state={submitResponse.status}
         disabledStates={[MutationStatus.loading, MutationStatus.success]}
         labels={{
           [MutationStatus.idle]: formatMessage(messages.submissionActionSubmit),
@@ -46,12 +44,14 @@ const SubmissionActions = ({
 };
 
 SubmissionActions.propTypes = {
-  submitResponseHandler: PropTypes.func.isRequired,
-  submitResponseStatus: PropTypes.oneOf(Object.values(MutationStatus))
-    .isRequired,
-  saveResponseHandler: PropTypes.func.isRequired,
-  saveResponseStatus: PropTypes.oneOf(Object.values(MutationStatus))
-    .isRequired,
+  saveResponse: PropTypes.shape({
+    status: PropTypes.oneOf(Object.values(MutationStatus)).isRequired,
+    handler: PropTypes.func.isRequired,
+  }).isRequired,
+  submitResponse: PropTypes.shape({
+    status: PropTypes.oneOf(Object.values(MutationStatus)).isRequired,
+    handler: PropTypes.func.isRequired,
+  }).isRequired,
 };
 
 export default SubmissionActions;

src/views/SubmissionView/SubmissionContent.jsx

@@ -20,6 +20,7 @@ const SubmissionContent = ({
   const submissionConfig = useSubmissionConfig();
   const prompts = usePrompts();
   const { formatMessage } = useIntl();
+  console.log({ textResponses, uploadedFiles });
 
   return (
     <div>
@@ -63,11 +64,11 @@ SubmissionContent.propTypes = {
     draftSaved: PropTypes.bool.isRequired,
   }).isRequired,
   uploadedFiles: PropTypes.shape({
-    value: PropTypes.shape({
+    value: PropTypes.arrayOf(PropTypes.shape({
       fileDescription: PropTypes.string,
       fileName: PropTypes.string,
       fileSize: PropTypes.number,
-    }),
+    })),
     onDeletedFile: PropTypes.func.isRequired,
     onFileUploaded: PropTypes.func.isRequired,
   }).isRequired,

src/views/SubmissionView/hooks.js

@@ -5,6 +5,7 @@ import {
   usePageData,
   usePrompts,
   useRubricConfig,
+  useResponseData,
 } from 'data/services/lms/hooks/selectors';
 
 import {
@@ -19,7 +20,7 @@ export const stateKeys = StrictDict({
 });
 
 export const useTextResponses = () => {
-  const { response } = usePageData().submission;
+  const response = useResponseData();
   const prompts = usePrompts();
 
   const [isDirty, setIsDirty] = useKeyedState(stateKeys.isDirty, false);
@@ -61,7 +62,7 @@ export const useUploadedFiles = () => {
   const deleteFileMutation = useDeleteFile();
   const uploadFilesMutation = useUploadFiles();
 
-  const { response } = usePageData().submission;
+  const response = useResponseData();
 
   const [value, setValue] = useKeyedState(
     stateKeys.uploadedFiles,

src/views/SubmissionView/index.jsx

@@ -15,6 +15,7 @@ import './index.scss';
 
 export const SubmissionView = () => {
   const { actionsProps, formProps, showRubric } = useSubmissionViewData();
+  console.log({ formProps });
   if (!useIsPageDataLoaded()) {
     return null;
   }