resources/js/components/episodes/Channel.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { Button } from 'react-bootstrap';
   4
   5 import Icon from '../common/Icon';
   6
   7 const Channel = ({ channel }) =>
   8         <div className="episode-channel">
   9                 <Button
  10                         href={channel.stream_link}
  11                         rel="noreferer"
  12                         target="_blank"
  13                         title={channel.title}
  14                         variant="outline-twitch"
  15                 >
  16                         <Icon.STREAM />
  17                         {' '}
  18                         {channel.short_name || channel.title}
  19                 </Button>
  20         </div>;
  21
  22 Channel.propTypes = {
  23         channel: PropTypes.shape({
  24                 short_name: PropTypes.string,
  25                 stream_link: PropTypes.string,
  26                 title: PropTypes.string,
  27         }),
  28 };
  29
  30 export default Channel;