Refactor page navigation button contents

raeperd · raeperd · commit c0212ee6b24f · 2022-01-12T22:11:23.000+09:00
diff --git a/components/ArticleListView.tsx b/components/ArticleListView.tsx
@@ -39,17 +39,15 @@ function PrevButton({ basePath, currentPageNumber }: PagingButtonProps) {
   const prevPageLink = currentPageNumber === 2 ? `${basePath}/` : `${basePath}/page/${currentPageNumber - 1}`
   return (
     <Link href={prevPageLink}>
-      {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
-      <a className="prev">prev_page</a>
+      <a className="prev">&lt; Prev Page</a>
     </Link>
   )
 }
 
 function NextButton({ basePath, currentPageNumber }: PagingButtonProps) {
   return (
     <Link href={`${basePath}/page/${currentPageNumber + 1}`}>
-      {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
-      <a className="next">next_page</a>
+      <a className="next">Next Page &gt;</a>
     </Link>
   )
 }

Original file line number	Diff line number	Diff line change
`@@ -39,17 +39,15 @@ function PrevButton({ basePath, currentPageNumber }: PagingButtonProps) {`
`39`	`39`	const prevPageLink = currentPageNumber === 2 ? `${basePath}/` : `${basePath}/page/${currentPageNumber - 1}`
`40`	`40`	`return (`
`41`	`41`	`<Link href={prevPageLink}>`
`42`		`- {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}`
`43`		`- <a className="prev">prev_page</a>`
	`42`	`+ <a className="prev">< Prev Page</a>`
`44`	`43`	`</Link>`
`45`	`44`	`)`
`46`	`45`	`}`
`47`	`46`
`48`	`47`	`function NextButton({ basePath, currentPageNumber }: PagingButtonProps) {`
`49`	`48`	`return (`
`50`	`49`	<Link href={`${basePath}/page/${currentPageNumber + 1}`}>
`51`		`- {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}`
`52`		`- <a className="next">next_page</a>`
	`50`	`+ <a className="next">Next Page ></a>`
`53`	`51`	`</Link>`
`54`	`52`	`)`
`55`	`53`	`}`