diff --git a/ui/app/mirrors/[mirrorId]/syncStatusTable.tsx b/ui/app/mirrors/[mirrorId]/syncStatusTable.tsx
index feacf47d1..9b8b86ff1 100644
--- a/ui/app/mirrors/[mirrorId]/syncStatusTable.tsx
+++ b/ui/app/mirrors/[mirrorId]/syncStatusTable.tsx
@@ -1,6 +1,5 @@
'use client';
-import SelectTheme from '@/app/styles/select';
import TimeLabel from '@/components/TimeComponent';
import {
CDCBatch,
@@ -14,7 +13,6 @@ import { ProgressCircle } from '@/lib/ProgressCircle';
import { Table, TableCell, TableRow } from '@/lib/Table';
import moment from 'moment';
import { useCallback, useEffect, useState } from 'react';
-import ReactSelect from 'react-select';
import { RowDataFormatter } from './rowsDisplay';
type SyncStatusTableProps = { mirrorName: string };
@@ -47,18 +45,7 @@ function TimeWithDurationOrRunning({
}
const ROWS_PER_PAGE = 5;
-const sortOptions = [
- { value: 'batchId', label: 'Batch ID' },
- { value: 'startTime', label: 'Start Time' },
- { value: 'endTime', label: 'End Time' },
- { value: 'numRows', label: 'Rows Synced' },
-];
-
export const SyncStatusTable = ({ mirrorName }: SyncStatusTableProps) => {
- const [sortField, setSortField] = useState<
- 'startTime' | 'endTime' | 'numRows' | 'batchId'
- >('batchId');
-
const [totalPages, setTotalPages] = useState(1);
const [currentPage, setCurrentPage] = useState(1);
const [ascending, setAscending] = useState(false);
@@ -70,7 +57,6 @@ export const SyncStatusTable = ({ mirrorName }: SyncStatusTableProps) => {
const req: GetCDCBatchesRequest = {
flowJobName: mirrorName,
limit: ROWS_PER_PAGE,
- // TODO sortField
beforeId: beforeId,
afterId: afterId,
ascending,
@@ -90,7 +76,7 @@ export const SyncStatusTable = ({ mirrorName }: SyncStatusTableProps) => {
};
fetchData();
- }, [mirrorName, sortField, beforeId, afterId]);
+ }, [mirrorName, beforeId, afterId]);
const nextPage = useCallback(() => {
if (batches.length === 0) {
@@ -130,27 +116,6 @@ export const SyncStatusTable = ({ mirrorName }: SyncStatusTableProps) => {
>