From 76f0dd882a7ef3230a56f4da9db3fceca839dc0b Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Sat, 4 Apr 2026 09:27:32 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Added=20missing=20pause/resume=20mutati?=
 =?UTF-8?q?on=20hooks=20and=20Pause/Play=20icon=20imp=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "src/frontend/src/pages/Queue.tsx"

GSD-Task: S01/T01
---
 src/frontend/src/pages/Queue.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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<QueueItem>[] = useMemo(
@@ -232,7 +234,7 @@ export function Queue() {
         ),
       },
     ],
-    [retryMutation, cancelMutation],
+    [retryMutation, cancelMutation, pauseMutation, resumeMutation],
   );
 
   const tabBase: React.CSSProperties = {