From 1eca239e714b50002f45ac222c381cc62ab1d2e6 Mon Sep 17 00:00:00 2001
From: Mohamed Khelif <mohamed.khelif@mongodb.com>
Date: Wed, 10 Jan 2024 23:17:03 -0500
Subject: [PATCH] Use virtual table

---
 src/pages/taskQueue/TaskQueueTable/index.tsx | 2 ++
 src/pages/taskQueue/index.tsx                | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/taskQueue/TaskQueueTable/index.tsx b/src/pages/taskQueue/TaskQueueTable/index.tsx
index 8c9d3119bd..fa750a406a 100644
--- a/src/pages/taskQueue/TaskQueueTable/index.tsx
+++ b/src/pages/taskQueue/TaskQueueTable/index.tsx
@@ -39,6 +39,7 @@ const TaskQueueTable: React.FC<TaskQueueTableProps> = ({
     columns,
     containerRef: tableContainerRef,
     enableColumnFilters: false,
+    useVirtualScrolling: true,
   });
 
   return (
@@ -48,6 +49,7 @@ const TaskQueueTable: React.FC<TaskQueueTableProps> = ({
       loading={loading && taskQueue?.length === 0}
       shouldAlternateRowColor
       emptyComponent={<TablePlaceholder message="No tasks found in queue." />}
+      ref={tableContainerRef}
     />
   );
 };
diff --git a/src/pages/taskQueue/index.tsx b/src/pages/taskQueue/index.tsx
index 3813946028..97012d41d6 100644
--- a/src/pages/taskQueue/index.tsx
+++ b/src/pages/taskQueue/index.tsx
@@ -24,6 +24,7 @@ import {
 import { DISTRO_TASK_QUEUE, TASK_QUEUE_DISTROS } from "gql/queries";
 import { usePageTitle } from "hooks";
 import { DistroOption } from "./DistroOption";
+import TaskQueueTable from "./TaskQueueTable";
 
 const TaskQueue = () => {
   const taskQueueAnalytics = useTaskQueueAnalytics();
@@ -116,10 +117,10 @@ const TaskQueue = () => {
             )
           }
 
-          {/* <TaskQueue Table
+          <TaskQueueTable
             taskQueue={taskQueueItemsData?.distroTaskQueue}
             loading={loading}
-          /> */}
+          />
         </>
       )}
     </PageWrapper>