import { maySeeResults } from '../../helpers/permissions';
import { withUser } from '../../helpers/UserContext';
+const getIcon = (result, index) => {
+ if (!result || !result.has_finished) {
+ return <Icon.PENDING className="text-muted" size="lg" />;
+ }
+ if (index === 0) {
+ return <Icon.FIRST_PLACE className="text-gold" size="lg" />;
+ }
+ if (index === 1) {
+ return <Icon.SECOND_PLACE className="text-silver" size="lg" />;
+ }
+ if (index === 2) {
+ return <Icon.THIRD_PLACE className="text-bronze" size="lg" />;
+ }
+ return <Icon.FINISHED className="text-success" size="lg" />;
+};
+
const Item = ({
+ index,
participant,
round,
tournament,
formatTime(result)
: null}
</span>
- {result && result.has_finished ?
- <Icon.FINISHED size="lg" />
- :
- <Icon.PENDING size="lg" />
- }
+ {getIcon(result, index)}
</div>
</div>
);
};
Item.propTypes = {
+ index: PropTypes.number,
participant: PropTypes.shape({
user: PropTypes.shape({
}),