import Icon from '../common/Icon';
import { mayEditRestream } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
+import { useUser } from '../../hooks/user';
-const Channel = ({ channel, episode, onEditRestream, user }) =>
- <div className="episode-channel text-nowrap">
+const Channel = ({ channel, episode, onEditRestream }) => {
+ const { user } = useUser();
+
+ return <div className="episode-channel text-nowrap">
<Button
href={channel.stream_link}
rel="noreferer"
</Button>
: null}
</div>;
+};
Channel.propTypes = {
channel: PropTypes.shape({
episode: PropTypes.shape({
}),
onEditRestream: PropTypes.func,
- user: PropTypes.shape({
- }),
};
-export default withUser(Channel);
+export default Channel;