diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/ErrorPagination/ErrorPagination.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/ErrorPagination/ErrorPagination.tsx index fa8d43ccc13f9..9141f914d4d98 100644 --- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/ErrorPagination/ErrorPagination.tsx +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/ErrorPagination/ErrorPagination.tsx @@ -1,5 +1,7 @@ import type { ReadyRuntimeError } from '../../../helpers/get-error-by-type' import { useCallback, useEffect, useRef, useState } from 'react' +import { LeftArrow } from '../../../icons/LeftArrow' +import { RightArrow } from '../../../icons/RightArrow' type ErrorPaginationProps = { activeIdx: number @@ -115,20 +117,7 @@ export function ErrorPagination({ aria-disabled={previousHandler == null ? true : undefined} onClick={previousHandler ?? undefined} > - - previous - - + {activeIdx + 1} of{' '} diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/LeftArrow.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/LeftArrow.tsx new file mode 100644 index 0000000000000..8a9160063d411 --- /dev/null +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/LeftArrow.tsx @@ -0,0 +1,14 @@ +export function LeftArrow({ title }: { title: string }) { + return ( + + {title} + + + ) +} diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/RightArrow.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/RightArrow.tsx new file mode 100644 index 0000000000000..d2aaebccb4259 --- /dev/null +++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/icons/RightArrow.tsx @@ -0,0 +1,14 @@ +export function RightArrow({ title }: { title: string }) { + return ( + + {title} + + + ) +}