resources/js/components/results/ReportDialog.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Modal } from 'react-bootstrap';
   4 import { withTranslation } from 'react-i18next';
   5
   6 import ReportForm from './ReportForm';
   7 import i18n from '../../i18n';
   8
   9 const ReportDialog = ({
  10         onHide,
  11         round,
  12         show,
  13         user,
  14 }) =>
  15 <Modal className="report-dialog" onHide={onHide} show={show}>
  16         <Modal.Header closeButton>
  17                 <Modal.Title>
  18                         {i18n.t('results.report')}
  19                 </Modal.Title>
  20         </Modal.Header>
  21         <ReportForm
  22                 onCancel={onHide}
  23                 round={round}
  24                 user={user}
  25         />
  26 </Modal>;
  27
  28 ReportDialog.propTypes = {
  29         onHide: PropTypes.func,
  30         round: PropTypes.shape({
  31         }),
  32         show: PropTypes.bool,
  33         tournament: PropTypes.shape({
  34         }),
  35         user: PropTypes.shape({
  36         }),
  37 };
  38
  39 export default withTranslation()(ReportDialog);