#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>

frontend/src/pages/wiki/WikiHistoryPage.tsx

@@ -2,8 +2,9 @@ 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 PrefetchLink from '@/components/PrefetchLink'
 import MainArea from '@/components/layout/MainArea'
 import { API_BASE_URL, SITE_TITLE } from '@/config'
 
@@ -44,22 +45,24 @@ export default () => {
 		<tr key={change.revisionId}>
 		  <td>
 		    {change.pred != null && (
-			<Link to={`/wiki/${ change.wikiPage.id }/diff?from=${ change.pred }&to=${ change.revisionId }`}>
+			<PrefetchLink
+			    to={`/wiki/${ change.wikiPage.id }/diff?from=${ change.pred }&to=${ change.revisionId }`}>
 			  差分
-			</Link>)}
+			</PrefetchLink>)}
 		  </td>
 		  <td className="p-2">
-		    <Link to={`/wiki/${ encodeURIComponent (change.wikiPage.title) }?version=${ change.revisionId }`}>
+		    <PrefetchLink
+			to={`/wiki/${ encodeURIComponent (change.wikiPage.title) }?version=${ change.revisionId }`}>
 		      {change.wikiPage.title}
-		    </Link>
+		    </PrefetchLink>
 		  </td>
 		  <td className="p-2">
 		    {change.pred == null ? '新規' : '更新'}
 		  </td>
 		  <td className="p-2">
-		    <Link to={`/users/${ change.user.id }`}>
+		    <PrefetchLink to={`/users/${ change.user.id }`}>
 		      {change.user.name}
-		    </Link>
+		    </PrefetchLink>
 		    <br/>
 		    {change.timestamp}
 		  </td>