プリフェッチ実装（#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/App.tsx

@@ -1,5 +1,3 @@
-import axios from 'axios'
-import toCamel from 'camelcase-keys'
 import { AnimatePresence, LayoutGroup } from 'framer-motion'
 import { useEffect, useState } from 'react'
 import { BrowserRouter,
@@ -11,7 +9,7 @@ import { BrowserRouter,
 import RouteBlockerOverlay from '@/components/RouteBlockerOverlay'
 import TopNav from '@/components/TopNav'
 import { Toaster } from '@/components/ui/toaster'
-import { API_BASE_URL } from '@/config'
+import { apiPost, isApiError } from '@/lib/api'
 import NicoTagListPage from '@/pages/tags/NicoTagListPage'
 import NotFound from '@/pages/NotFound'
 import PostDetailPage from '@/pages/posts/PostDetailPage'
@@ -75,12 +73,11 @@ export default (() => {
 
   useEffect (() => {
     const createUser = async () => {
-      const res = await axios.post (`${ API_BASE_URL }/users`)
-      const data = res.data as { code: string; user: any }
+      const data = await apiPost<{ code: string; user: User }> ('/users')
       if (data.code)
 	{
 	  localStorage.setItem ('user_code', data.code)
-	  setUser (toCamel (data.user, { deep: true }) as User)
+	  setUser (data.user)
 	}
     }
 
@@ -90,17 +87,16 @@ export default (() => {
 	void (async () => {
 	  try
 	  {
-	    const res = await axios.post (`${ API_BASE_URL }/users/verify`, { code })
-	    const data = res.data as { valid: boolean, user: any }
+	    const data = await apiPost<{ valid: boolean; user: User }> ('/users/verify', { code })
 	    if (data.valid)
-	      setUser (toCamel (data.user, { deep: true }))
+	      setUser (data.user)
 	    else
 	      await createUser ()
 	  }
 	  catch (err)
 	  {
-	    if (axios.isAxiosError (err))
-	      setStatus (err.status ?? 200)
+	    if (isApiError (err))
+	      setStatus (err.response?.status ?? 200)
 	  }
 	}) ()
       }