@instructure/quiz-interactions/src/components/file_upload/Show/index.js

A React UI component Library for quiz interaction types.

import React, {Component} from 'react'
import PropTypes from 'prop-types'

import FileUploadTake from '../Take'

const defaultUserResponse = {value: []}
const noop = () => {}

/**
---
category: FileUpload
---

  File Upload Show component

  ```jsx_example
  <SettingsSwitcher locales={LOCALES}>
    <FileUploadShow
      itemBody="Give three examples of people"
      interactionData={{
        restrictCount: true,
        filesCount: 3
      }}
      properties={{
        restrictTypes: false,
        allowedTypes: ''
      }}
    />
  </SettingsSwitcher>
  ```
**/
export default class FileUploadShow extends Component {
  static propTypes = {
    itemBody: PropTypes.string.isRequired,
    interactionData: PropTypes.shape({
      restrictCount: PropTypes.bool.isRequired,
      filesCount: PropTypes.string.isRequired,
    }).isRequired,
    properties: PropTypes.shape({
      restrictTypes: PropTypes.bool.isRequired,
      allowedTypes: PropTypes.string,
    }).isRequired,
  }

  render() {
    return (
      <FileUploadTake
        {...this.props}
        handleResponseUpdate={noop}
        mediaUpload={noop}
        cancelMediaUpload={noop}
        userResponse={defaultUserResponse}
        readOnly
      />
    )
  }
}