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()} );