1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Button, Modal } from 'react-bootstrap';
4 import { useTranslation } from 'react-i18next';
6 import { getName } from '../../helpers/Crew';
8 const RestreamEditForm = ({
14 const { t } = useTranslation();
28 {t('episodes.startTime', { date: new Date(episode.start) })}
31 {episode.players.map(p => getName(p)).join(', ')}
35 <Modal.Footer className="justify-content-between">
37 <Button onClick={() => onRemoveRestream(episode, channel)} variant="outline-danger">
42 <Button onClick={onCancel} variant="secondary">
50 RestreamEditForm.propTypes = {
51 channel: PropTypes.shape({
52 title: PropTypes.string,
54 episode: PropTypes.shape({
55 event: PropTypes.shape({
56 title: PropTypes.string,
58 players: PropTypes.arrayOf(PropTypes.shape({
60 start: PropTypes.string,
62 onCancel: PropTypes.func,
63 onRemoveRestream: PropTypes.func,
66 export default RestreamEditForm;