diff --git a/src/containers/ResponseDisplay/PromptDisplay.jsx b/src/containers/ResponseDisplay/PromptDisplay.jsx index e8475c5..fb7da90 100644 --- a/src/containers/ResponseDisplay/PromptDisplay.jsx +++ b/src/containers/ResponseDisplay/PromptDisplay.jsx @@ -1,20 +1,21 @@ import React from 'react'; -import { Collapsible, Card } from '@openedx/paragon'; +import { Collapsible } from '@openedx/paragon'; import { useIntl } from '@edx/frontend-platform/i18n'; import PropTypes from 'prop-types'; import messages from './messages'; const PromptDisplay = ({ - prompt, className, styling, headerTitle, + prompt, }) => { const intl = useIntl(); const msg = intl.formatMessage(messages.promptCollapsibleHeader); return ( -
+
{msg} : msg} + defaultOpen + styling="card-lg" + title={

{msg}

} > { prompt }
@@ -24,28 +25,6 @@ const PromptDisplay = ({ PromptDisplay.propTypes = { prompt: PropTypes.string.isRequired, - className: PropTypes.string.isRequired, - styling: PropTypes.string.isRequired, - headerTitle: PropTypes.bool.isRequired, }; -const SinglePromptDisplay = ({ prompt }) => ( - -); - -SinglePromptDisplay.propTypes = { - prompt: PropTypes.string.isRequired, -}; - -const MultiplePromptDisplay = ({ prompt }) => ( - <> - - - -); - -MultiplePromptDisplay.propTypes = { - prompt: PropTypes.string.isRequired, -}; - -export { SinglePromptDisplay, MultiplePromptDisplay }; +export default PromptDisplay; diff --git a/src/containers/ResponseDisplay/ResponseDisplay.scss b/src/containers/ResponseDisplay/ResponseDisplay.scss index 16a8e04..45566fe 100644 --- a/src/containers/ResponseDisplay/ResponseDisplay.scss +++ b/src/containers/ResponseDisplay/ResponseDisplay.scss @@ -8,8 +8,8 @@ padding: var(--pgn-spacing-spacer-3) 0; } - .prompt-display-multiple > .collapsible-basic .collapsible-trigger{ - text-decoration: none!important; + .prompt-display-multiple > .collapsible-basic .collapsible-trigger { + text-decoration: none !important; } .submission-files { diff --git a/src/containers/ResponseDisplay/index.jsx b/src/containers/ResponseDisplay/index.jsx index 38ef359..9211bc5 100644 --- a/src/containers/ResponseDisplay/index.jsx +++ b/src/containers/ResponseDisplay/index.jsx @@ -14,7 +14,7 @@ import { fileUploadResponseOptions } from 'data/services/lms/constants'; import { getConfig } from '@edx/frontend-platform'; import SubmissionFiles from './SubmissionFiles'; import PreviewDisplay from './PreviewDisplay'; -import { SinglePromptDisplay, MultiplePromptDisplay } from './PromptDisplay'; +import PromptDisplay from './PromptDisplay'; import './ResponseDisplay.scss'; /** @@ -56,16 +56,18 @@ export class ResponseDisplay extends React.Component { const multiPrompt = prompts.length > 1; return (
- {!multiPrompt && } + {!multiPrompt && } {this.allowFileUpload && } {this.allowFileUpload && } { /* eslint-disable react/no-array-index-key */ this.textContents.map((textContent, index) => ( - - {multiPrompt && } - {textContent} - + <> + { multiPrompt && } + + {textContent} + + )) }
diff --git a/src/data/redux/app/selectors.js b/src/data/redux/app/selectors.js index 4099f7e..31f4391 100644 --- a/src/data/redux/app/selectors.js +++ b/src/data/redux/app/selectors.js @@ -34,7 +34,7 @@ export const ora = { name: oraMetadataSelector(data => data.name), /** * Returns the ORA Prompts - * @return {array[string]} - ORA prompt + * @return {array[]} - List of ORA prompts */ prompts: oraMetadataSelector(data => (data.prompts ? data.prompts.map((oraPrompt) => oraPrompt.description) : [])), /**