hasSGRestream,
} from '../../helpers/Episode';
import { canApplyForEpisode } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
+import { useUser } from '../../hooks/user';
-const Crew = ({ episode, onApply, user }) => {
+const Crew = ({ episode, onApply }) => {
const { t } = useTranslation();
+ const { user } = useUser();
const commentators = React.useMemo(() =>
episode.crew.filter(c => c.role === 'commentary').sort(compareCrew)
return <Row className="episode-crew">
{showCommentators ?
- <Col md>
- <div className="fs-5">
+ <Col xs={6} md>
+ <div className="fs-6 fs-md-5">
<Icon.MICROPHONE className="ms-3 me-2" title="" />
{t('episodes.commentary')}
</div>
</Col>
: null}
{showTracker ?
- <Col md>
- <div className="fs-5">
+ <Col xs={6} md>
+ <div className="fs-6 fs-md-5">
<Icon.MOUSE className="ms-3 me-2" title="" />
{t('episodes.tracking')}
</div>
</Col>
: null}
{techies.length ?
- <Col md>
- <div className="fs-5">
+ <Col xs={6} md>
+ <div className="fs-6 fs-md-5">
<Icon.MONITOR className="ms-3 me-2" title="" />
{t('episodes.setup')}
</div>
})),
}),
onApply: PropTypes.func,
- user: PropTypes.shape({
- }),
};
-export default withUser(Crew);
+export default Crew;