mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-01 14:39:24 +02:00
b0b8f07661
Three bugs caused downloads to hang, disappear, or leave stuck spinners: 1. Wikipedia downloads that failed never updated the DB status from 'downloading', leaving the spinner stuck forever. Now the worker's failed handler marks them as failed. 2. No stall detection on streaming downloads - if data stopped flowing mid-download, the job hung indefinitely. Added a 5-minute stall timer that triggers retry. 3. Failed jobs were invisible to users since only waiting/active/delayed states were queried. Now failed jobs appear with error indicators in the download list. Closes #364, closes #216 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import useDownloads, { useDownloadsProps } from '~/hooks/useDownloads'
|
|
import HorizontalBarChart from './HorizontalBarChart'
|
|
import { extractFileName } from '~/lib/util'
|
|
import StyledSectionHeader from './StyledSectionHeader'
|
|
import { IconAlertTriangle } from '@tabler/icons-react'
|
|
|
|
interface ActiveDownloadProps {
|
|
filetype?: useDownloadsProps['filetype']
|
|
withHeader?: boolean
|
|
}
|
|
|
|
const ActiveDownloads = ({ filetype, withHeader = false }: ActiveDownloadProps) => {
|
|
const { data: downloads } = useDownloads({ filetype })
|
|
|
|
return (
|
|
<>
|
|
{withHeader && <StyledSectionHeader title="Active Downloads" className="mt-12 mb-4" />}
|
|
<div className="space-y-4">
|
|
{downloads && downloads.length > 0 ? (
|
|
downloads.map((download) => (
|
|
<div
|
|
key={download.jobId}
|
|
className={`bg-desert-white rounded-lg p-4 border shadow-sm hover:shadow-lg transition-shadow ${
|
|
download.status === 'failed'
|
|
? 'border-red-300'
|
|
: 'border-desert-stone-light'
|
|
}`}
|
|
>
|
|
{download.status === 'failed' ? (
|
|
<div className="flex items-center gap-2">
|
|
<IconAlertTriangle className="w-5 h-5 text-red-500 flex-shrink-0" />
|
|
<div className="flex-1 min-w-0">
|
|
<p className="text-sm font-medium text-gray-900 truncate">
|
|
{extractFileName(download.filepath) || download.url}
|
|
</p>
|
|
<p className="text-xs text-red-600 mt-0.5">
|
|
Download failed{download.failedReason ? `: ${download.failedReason}` : ''}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
) : (
|
|
<HorizontalBarChart
|
|
items={[
|
|
{
|
|
label: extractFileName(download.filepath) || download.url,
|
|
value: download.progress,
|
|
total: '100%',
|
|
used: `${download.progress}%`,
|
|
type: download.filetype,
|
|
},
|
|
]}
|
|
/>
|
|
)}
|
|
</div>
|
|
))
|
|
) : (
|
|
<p className="text-text-muted">No active downloads</p>
|
|
)}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default ActiveDownloads
|