1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Button, Modal } from 'react-bootstrap';
4 import { withTranslation } from 'react-i18next';
6 import ScoreChart from './ScoreChart';
7 import i18n from '../../i18n';
9 const ScoreChartDialog = ({
14 <Modal className="score-chart-dialog" dialogClassName="modal-90w" onHide={onHide} show={show}>
15 <Modal.Header closeButton>
17 {i18n.t('tournaments.scoreChart')}
20 <Modal.Body style={{ height: '80vh' }}>
21 <ScoreChart tournament={tournament} />
24 <Button onClick={onHide} variant="secondary">
25 {i18n.t('button.close')}
30 ScoreChartDialog.propTypes = {
31 onHide: PropTypes.func,
33 tournament: PropTypes.shape({
37 export default withTranslation()(ScoreChartDialog);