1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Button } from 'react-bootstrap';
5 import { getAvatarUrl } from '../../helpers/User';
7 const getName = player => {
8 if (player.name_override) {
9 return player.name_override;
12 return player.user.nickname || player.user.username;
17 const getStreamLink = player => {
18 if (player.stream_override) {
19 return `https://twitch.tv/${player.stream_override}`;
21 if (player.user && player.user.stream_link) {
22 return player.user.stream_link;
27 const Player = ({ player }) => {
28 return <div className="episode-player my-3">
30 className="player-link"
31 href={getStreamLink(player)}
34 variant="outline-twitch"
36 <img alt="" src={getAvatarUrl(player.user)} />
37 <span className="text-light fs-4">{getName(player)}</span>
43 player: PropTypes.shape({
45 name_override: PropTypes.string,
46 stream_override: PropTypes.string,
47 user: PropTypes.shape({
52 export default Player;