spoiler time in protocol

[alttp.git] / resources / js / components / protocol / Item.js

diff --git a/resources/js/components/protocol/Item.js b/resources/js/components/protocol/Item.js
index f827f1ab0f9b8409dcbb5f15f5d7f735fefa0cfd..3337d04621cbd4ae7380c2f0fb880e7ee8535145 100644 (file)
--- a/resources/js/components/protocol/Item.js
+++ b/resources/js/components/protocol/Item.js
@@ -2,9 +2,11 @@ import moment from 'moment';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ListGroup } from 'react-bootstrap';
-import { withTranslation } from 'react-i18next';
+import { Trans, withTranslation } from 'react-i18next';
 
 import Icon from '../common/Icon';
+import Spoiler from '../common/Spoiler';
+import { formatTime } from '../../helpers/Result';
 import i18n from '../../i18n';
 
 const getEntryDate = entry => {
@@ -14,10 +16,24 @@ const getEntryDate = entry => {
                : dateStr;
 };
 
+const getEntryResultTime = entry => {
+       if (!entry || !entry.details || !entry.details.result) return 'ERROR';
+       const result = entry.details.result;
+       if (result.forfeit) return 'DNF XX';
+       return formatTime(result);
+};
+
 const getEntryDescription = entry => {
        switch (entry.type) {
-               case 'result.report':
+               case 'result.report': {
+                       const time = getEntryResultTime(entry);
+                       return <Trans i18nKey={`protocol.description.${entry.type}`}>
+                               <Spoiler>{{time}}</Spoiler>,
+                       </Trans>;
+               }
                case 'round.create':
+               case 'round.lock':
+               case 'tournament.lock':
                        return i18n.t(
                                `protocol.description.${entry.type}`,
                                entry,