X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fresults%2FItem.js;h=4b243b34bc4a9a673a55c233d4c4c62481745851;hb=c5b15dc5518c627daa4f02f653ff900e4fe13db7;hp=5cdd3be42751c1b678508a1e3800a065b080bf93;hpb=06fd14404164904304a20e2280037e83299247fa;p=alttp.git diff --git a/resources/js/components/results/Item.js b/resources/js/components/results/Item.js index 5cdd3be..4b243b3 100644 --- a/resources/js/components/results/Item.js +++ b/resources/js/components/results/Item.js @@ -1,44 +1,60 @@ import PropTypes from 'prop-types'; -import React from 'react'; -import { withTranslation } from 'react-i18next'; +import React, { useState } from 'react'; +import { Button } from 'react-bootstrap'; -import Icon from '../common/Icon'; +import DetailDialog from './DetailDialog'; import Box from '../users/Box'; -import { formatTime } from '../../helpers/Result'; -import { findResult } from '../../helpers/Participant'; +import { getIcon, getTime } from '../../helpers/Result'; import { maySeeResults } from '../../helpers/permissions'; +import { findResult } from '../../helpers/User'; import { withUser } from '../../helpers/UserContext'; +const getClassName = result => { + const classNames = ['status']; + if (result && result.has_finished) { + classNames.push('finished'); + if (result.comment) { + classNames.push('has-comment'); + } + } else { + classNames.push('pending'); + } + return classNames.join(' '); +}; + const Item = ({ - participant, + authUser, round, tournament, user, }) => { - const result = findResult(participant, round); - return ( -