diff --git a/src/app/tools/ratings/components/PageTurner.tsx b/src/app/tools/ratings/components/PageTurner.tsx index ec25ba8aa..850b89ba5 100644 --- a/src/app/tools/ratings/components/PageTurner.tsx +++ b/src/app/tools/ratings/components/PageTurner.tsx @@ -5,7 +5,7 @@ import { useEffect, useRef } from 'react'; interface PageTurnerProps { page: number; pages: number; - onPageChange: (page: number) => void; + onPageChange: (page: number, isButtonClick: boolean) => void; } export function PageTurner({ page, onPageChange, pages }: PageTurnerProps) { @@ -20,7 +20,7 @@ export function PageTurner({ page, onPageChange, pages }: PageTurnerProps) { - + @@ -862,7 +866,9 @@ export default function Page() { jumpToPosition(page * ROWS_PER_PAGE)} + onPageChange={(page, isButtonClick) => + isButtonClick ? setPage(page) : jumpToPosition(page * ROWS_PER_PAGE) + } /> @@ -905,7 +911,9 @@ export default function Page() { jumpToPosition(page * ROWS_PER_PAGE)} + onPageChange={(page, isButtonClick) => + isButtonClick ? setPage(page) : jumpToPosition(page * ROWS_PER_PAGE) + } /> {loadingProgress !== null && ( @@ -938,6 +946,7 @@ export default function Page() { maxWidth: 256, borderRadius: 8, backgroundColor: orangeDark.orange2, + overflow: 'hidden', }} >