+import PropTypes from 'prop-types';
+import React from 'react';
+import { Button } from 'react-bootstrap';
+
+import Icon from '../common/Icon';
+import { getStreamLink } from '../../helpers/Crew';
+
+const MultiLink = ({ players }) => {
+ const streams = players.map(getStreamLink);
+ const names = streams.map(s => s.split('/').pop());
+ const url = `https://multitwitch.tv/${names.join('/')}`;
+
+ return <div className="episode-channel">
+ <Button
+ href={url}
+ rel="noreferer"
+ target="_blank"
+ title="MultiTwitch"
+ variant="outline-twitch"
+ >
+ <Icon.STREAM />
+ {' MultiTwitch'}
+ </Button>
+ </div>;
+};
+
+MultiLink.propTypes = {
+ players: PropTypes.arrayOf(PropTypes.shape({
+ short_name: PropTypes.string,
+ stream_link: PropTypes.string,
+ title: PropTypes.string,
+ })),
+};
+
+export default MultiLink;