X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fresults%2FItem.js;h=b8a0ec61ec7f7ca23e42bbdae4b4c14eb5204d96;hb=2730f0f38f5c6d52079c2bae7515ee5896e4de81;hp=a2ee8e392b82a392b76236b8bab92e4e7806d6f7;hpb=8d97d023740e438361e659c6e133418e33343178;p=alttp.git
diff --git a/resources/js/components/results/Item.js b/resources/js/components/results/Item.js
index a2ee8e3..b8a0ec6 100644
--- a/resources/js/components/results/Item.js
+++ b/resources/js/components/results/Item.js
@@ -1,13 +1,16 @@
import PropTypes from 'prop-types';
import React, { useState } from 'react';
import { Button } from 'react-bootstrap';
+import { withTranslation } from 'react-i18next';
import DetailDialog from './DetailDialog';
+import Icon from '../common/Icon';
import Box from '../users/Box';
import { getIcon, getTime } from '../../helpers/Result';
-import { findResult } from '../../helpers/Participant';
import { maySeeResults } from '../../helpers/permissions';
+import { findResult } from '../../helpers/User';
import { withUser } from '../../helpers/UserContext';
+import i18n from '../../i18n';
const getClassName = result => {
const classNames = ['status'];
@@ -22,41 +25,78 @@ const getClassName = result => {
return classNames.join(' ');
};
+const twitchReg = /^https?:\/\/(www\.)?twitch\.tv/;
+const youtubeReg = /^https?:\/\/(www\.)?youtu(\.be|be\.)/;
+
+const getVoDVariant = result => {
+ if (!result || !result.vod) return 'outline-secondary';
+ if (twitchReg.test(result.vod)) {
+ return 'twitch';
+ }
+ if (youtubeReg.test(result.vod)) {
+ return 'outline-youtube';
+ }
+ return 'outline-secondary';
+};
+
+const getVoDIcon = result => {
+ const variant = getVoDVariant(result);
+ if (variant === 'twitch') {
+ return