X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fresults%2FItem.js;h=b8a0ec61ec7f7ca23e42bbdae4b4c14eb5204d96;hb=3a432819085afd3db5db9aa04b31c3671e7e3e52;hp=4b243b34bc4a9a673a55c233d4c4c62481745851;hpb=537b998e8059c56e3a20ee2a89d42c3bbfbb80b8;p=alttp.git
diff --git a/resources/js/components/results/Item.js b/resources/js/components/results/Item.js
index 4b243b3..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 { 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,6 +25,31 @@ 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