diff --git a/ui/v2.5/src/components/SceneDuplicateChecker/SceneDuplicateChecker.tsx b/ui/v2.5/src/components/SceneDuplicateChecker/SceneDuplicateChecker.tsx
index 15ee10957..32c5ea4b0 100644
--- a/ui/v2.5/src/components/SceneDuplicateChecker/SceneDuplicateChecker.tsx
+++ b/ui/v2.5/src/components/SceneDuplicateChecker/SceneDuplicateChecker.tsx
@@ -43,6 +43,7 @@ export const SceneDuplicateChecker: React.FC = () => {
Array.isArray(size) ? size[0] : size ?? "20",
10
);
+ const [currentPageSize, setCurrentPageSize] = useState(pageSize);
const hashDistance = Number.parseInt(
Array.isArray(distance) ? distance[0] : distance ?? "0",
10
@@ -312,6 +313,75 @@ export const SceneDuplicateChecker: React.FC = () => {
}
}
+ function renderPagination() {
+ return (
+
+
+
+
+ {checkCount > 0 && (
+
+
+ {intl.formatMessage({ id: "actions.edit" })}
+
+ }
+ >
+
+
+
+ {intl.formatMessage({ id: "actions.delete" })}
+
+ }
+ >
+
+
+
+ )}
+
+ setQuery({ page: newPage === 1 ? undefined : newPage })
+ }
+ />
+ {
+ setCurrentPageSize(parseInt(e.currentTarget.value, 10));
+ setQuery({
+ size:
+ e.currentTarget.value === "20"
+ ? undefined
+ : e.currentTarget.value,
+ });
+ }}
+ >
+
+
+
+
+
+
+
+ );
+ }
+
return (
@@ -364,69 +434,10 @@ export const SceneDuplicateChecker: React.FC = () => {
+
{maybeRenderMissingPhashWarning()}
-
-
-
-
- {checkCount > 0 && (
-
-
- {intl.formatMessage({ id: "actions.edit" })}
-
- }
- >
-
-
-
- {intl.formatMessage({ id: "actions.delete" })}
-
- }
- >
-
-
-
- )}
-
- setQuery({ page: newPage === 1 ? undefined : newPage })
- }
- />
-
- setQuery({
- size:
- e.currentTarget.value === "20"
- ? undefined
- : e.currentTarget.value,
- })
- }
- >
-
-
-
-
-
-
-
+ {renderPagination()}
+
@@ -534,6 +545,7 @@ export const SceneDuplicateChecker: React.FC = () => {
{scenes.length === 0 && (
No duplicates found.
)}
+ {renderPagination()}
);