diff --git a/src/frontend/src/pages/Queue.tsx b/src/frontend/src/pages/Queue.tsx index 2e5507b..5187ac2 100644 --- a/src/frontend/src/pages/Queue.tsx +++ b/src/frontend/src/pages/Queue.tsx @@ -1,11 +1,11 @@ import { useState, useMemo } from 'react'; -import { ListOrdered, RotateCcw, X, RefreshCw } from 'lucide-react'; +import { ListOrdered, RotateCcw, X, RefreshCw, Pause, Play } from 'lucide-react'; import { Table, type Column } from '../components/Table'; import { StatusBadge } from '../components/StatusBadge'; import { SkeletonQueueList } from '../components/Skeleton'; import { DownloadProgressBar } from '../components/DownloadProgressBar'; import { useDownloadProgress } from '../contexts/DownloadProgressContext'; -import { useQueue, useRetryQueueItem, useCancelQueueItem } from '../api/hooks/useQueue'; +import { useQueue, useRetryQueueItem, useCancelQueueItem, usePauseQueueItem, useResumeQueueItem } from '../api/hooks/useQueue'; import { formatShortDateTime } from '../utils/format'; import { useTimezone } from '../hooks/useTimezone'; import type { QueueItem, QueueStatus } from '@shared/types/index'; @@ -57,6 +57,8 @@ export function Queue() { const { data: items, isLoading, error, refetch } = useQueue(statusFilter); const retryMutation = useRetryQueueItem(); const cancelMutation = useCancelQueueItem(); + const pauseMutation = usePauseQueueItem(); + const resumeMutation = useResumeQueueItem(); // Table columns const columns: Column[] = useMemo( @@ -232,7 +234,7 @@ export function Queue() { ), }, ], - [retryMutation, cancelMutation], + [retryMutation, cancelMutation, pauseMutation, resumeMutation], ); const tabBase: React.CSSProperties = {