#140

frontend/src/pages/posts/PostHistoryPage.tsx

@@ -2,9 +2,10 @@ import axios from 'axios'
 import toCamel from 'camelcase-keys'
 import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
-import { Link, useLocation } from 'react-router-dom'
+import { useLocation } from 'react-router-dom'
 
 import TagLink from '@/components/TagLink'
+import PrefetchLink from '@/components/PrefetchLink'
 import PageTitle from '@/components/common/PageTitle'
 import Pagination from '@/components/common/Pagination'
 import MainArea from '@/components/layout/MainArea'
@@ -48,7 +49,7 @@ export default (() => {
 
 	<PageTitle>
 	  耕作履歴
-	  {id && <>: 投稿 {<Link to={`/posts/${ id }`}>#{id}</Link>}</>}
+	  {id && <>: 投稿 {<PrefetchLink to={`/posts/${ id }`}>#{id}</PrefetchLink>}</>}
 	</PageTitle>
 
 	<table className="table-auto w-full border-collapse">
@@ -75,12 +76,12 @@ export default (() => {
 		  <tr key={`${ change.timestamp }-${ change.post.id }-${ change.tag.id }`}>
 		    {withPost && (
 			<td className="align-top" rowSpan={rowsCnt}>
-			  <Link to={`/posts/${ change.post.id }`}>
+			  <PrefetchLink to={`/posts/${ change.post.id }`}>
 			    <img src={change.post.thumbnail || change.post.thumbnailBase || undefined}
 				 alt={change.post.title || change.post.url}
 				 title={change.post.title || change.post.url || undefined}
 				 className="w-40"/>
-			  </Link>
+			  </PrefetchLink>
 			</td>)}
 		    <td>
 		      <TagLink tag={change.tag} withWiki={false} withCount={false}/>
@@ -88,9 +89,9 @@ export default (() => {
 		    </td>
 		    <td>
 		      {change.user ? (
-			  <Link to={`/users/${ change.user.id }`}>
+			  <PrefetchLink to={`/users/${ change.user.id }`}>
 			    {change.user.name}
-			  </Link>) : 'bot 操作'}
+			  </PrefetchLink>) : 'bot 操作'}
 		      <br/>
 		      {change.timestamp}
 		    </td>