public/tubearchivist
1
0
Fork 0
mirror of https://git.vectorsigma.ru/public/tubearchivist.git synced 2026-08-08 19:19:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix Video Thumbnail fallback in DownloadListItem

Browse Source
This commit is contained in:
MerlinScheurer
2025-02-16 11:54:17 +01:00
parent 3a2701f2fa
commit 718d379c3c
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/DownloadListItem.tsx
View File

@@ -1,3 +1,4 @@
import { useState } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Download from '../pages/Download'; import Download from '../pages/Download';
import Routes from '../configuration/routes/RouteList'; import Routes from '../configuration/routes/RouteList';
@@ -5,9 +6,9 @@ import formatDate from '../functions/formatDates';
import Button from './Button'; import Button from './Button';
import deleteDownloadById from '../api/actions/deleteDownloadById'; import deleteDownloadById from '../api/actions/deleteDownloadById';
import updateDownloadQueueStatusById from '../api/actions/updateDownloadQueueStatusById'; import updateDownloadQueueStatusById from '../api/actions/updateDownloadQueueStatusById';
import { useState } from 'react';
import getApiUrl from '../configuration/getApiUrl'; import getApiUrl from '../configuration/getApiUrl';
import { useUserConfigStore } from '../stores/UserConfigStore'; import { useUserConfigStore } from '../stores/UserConfigStore';
import defaultVideoThumb from '/img/default-video-thumb.jpg';
type DownloadListItemProps = { type DownloadListItemProps = {
download: Download; download: Download;
@@ -25,7 +26,14 @@ const DownloadListItem = ({ download, setRefresh }: DownloadListItemProps) => {
<div className={`video-item ${view}`} id={`dl-${download.youtube_id}`}> <div className={`video-item ${view}`} id={`dl-${download.youtube_id}`}>
<div className={`video-thumb-wrap ${view}`}> <div className={`video-thumb-wrap ${view}`}>
<div className="video-thumb"> <div className="video-thumb">
<img src={`${getApiUrl()}${download.vid_thumb_url}`} alt="video_thumb" /> <img
src={`${getApiUrl()}${download.vid_thumb_url}`}
alt="video_thumb"
onError={({ currentTarget }) => {
currentTarget.onerror = null; // prevents looping
currentTarget.src = defaultVideoThumb;
}}
/>
<div className="video-tags"> <div className="video-tags">
{showIgnored && <span>ignored</span>} {showIgnored && <span>ignored</span>}