X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fresults%2FItem.js;h=2e29d752afd2bd6938e82a5123c3b607bdea7308;hb=8645b77ea2dc402f0265e1c8022ba18302506ca1;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..2e29d75 100644
--- a/resources/js/components/results/Item.js
+++ b/resources/js/components/results/Item.js
@@ -1,13 +1,15 @@
import PropTypes from 'prop-types';
import React, { useState } from 'react';
import { Button } from 'react-bootstrap';
+import { useTranslation } 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 { withUser } from '../../helpers/UserContext';
+import { findResult } from '../../helpers/User';
+import { useUser } from '../../hooks/user';
const getClassName = result => {
const classNames = ['status'];
@@ -22,42 +24,87 @@ 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