プリフェッチ実装（#140） (#256)

Merge branch 'main' into feature/140

#140

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

#140

#140

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

#140

#140

#140

#140

#140

#140

#140

#140

Merge remote-tracking branch 'origin/main' into feature/140

Merge remote-tracking branch 'origin/main' into feature/140

#140 ぼちぼち

Merge remote-tracking branch 'origin/main' into feature/140

#140

#140

#140

Co-authored-by: miteruzo <miteruzo@naver.com>
Reviewed-on: #256

frontend/src/pages/wiki/WikiSearchPage.tsx

@@ -1,12 +1,13 @@
-import axios from 'axios'
-import toCamel from 'camelcase-keys'
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
-import { Link } from 'react-router-dom'
 
+import PrefetchLink from '@/components/PrefetchLink'
 import SectionTitle from '@/components/common/SectionTitle'
 import MainArea from '@/components/layout/MainArea'
-import { API_BASE_URL, SITE_TITLE } from '@/config'
+import { SITE_TITLE } from '@/config'
+import { apiGet } from '@/lib/api'
+
+import type { FormEvent } from 'react'
 
 import type { WikiPage } from '@/types'
 
@@ -17,11 +18,10 @@ export default () => {
   const [results, setResults] = useState<WikiPage[]> ([])
 
   const search = async () => {
-    const res = await axios.get (`${ API_BASE_URL }/wiki/search`, { params: { title } })
-    setResults (toCamel (res.data as any, { deep: true }) as WikiPage[])
+    setResults (await apiGet ('/wiki', { params: { title } }))
   }
 
-  const handleSearch = (ev: React.FormEvent) => {
+  const handleSearch = (ev: FormEvent) => {
     ev.preventDefault ()
     search ()
   }
@@ -78,9 +78,9 @@ export default () => {
 	      {results.map (page => (
 		  <tr key={page.id}>
 		    <td className="p-2">
-		      <Link to={`/wiki/${ encodeURIComponent (page.title) }`}>
+		      <PrefetchLink to={`/wiki/${ encodeURIComponent (page.title) }`}>
 			{page.title}
-		      </Link>
+		      </PrefetchLink>
 		    </td>
 		    <td className="p-2 text-gray-100 text-sm">
 		      {page.updatedAt}