#19 トップバーと新規作成ちょっとだけ

frontend/src/App.tsx

@@ -1,14 +1,16 @@
 import React, { useEffect, useState } from 'react'
 import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom'
-import HomePage from './pages/HomePage'
-import TagPage from './pages/TagPage'
-import TopNav from './components/TopNav'
-import TagSidebar from './components/TagSidebar'
-import PostPage from './pages/PostPage'
-import PostNewPage from './pages/PostNewPage'
-import PostDetailPage from './pages/PostDetailPage'
-import WikiShowPage from './pages/WikiShowPage'
-import { API_BASE_URL } from './config'
+import HomePage from '@/pages/HomePage'
+import TagPage from '@/pages/TagPage'
+import TopNav from '@/components/TopNav'
+import TagSidebar from '@/components/TagSidebar'
+import PostPage from '@/pages/PostPage'
+import PostNewPage from '@/pages/PostNewPage'
+import PostDetailPage from '@/pages/PostDetailPage'
+import WikiPage from '@/pages/WikiPage'
+import WikiNewPage from '@/pages/WikiNewPage'
+import WikiDetailPage from '@/pages/WikiDetailPage'
+import { API_BASE_URL } from '@/config'
 import axios from 'axios'
 import { Toaster } from '@/components/ui/toaster'
 import { camelizeKeys } from 'humps'
@@ -81,7 +83,10 @@ const App = () => {
                   <Route path="/posts/new" element={<PostNewPage />} />
                   <Route path="/posts/:id" element={<PostDetailPage posts={posts} setPosts={setPosts} />} />
                   <Route path="/tags/:tag" element={<TagPage />} />
-                  <Route path="/wiki/:name" element={<WikiShowPage />} />
+                  <Route path="/wiki" element={<WikiPage />} />
+                  <Route path="/wiki/:name" element={<WikiDetailPage />} />
+                  <Route path="/wiki/new" element={<WikiNewPage />} />
+                  {/* <Route path="/wiki/:id/edit" element={<WikiEditPage />} /> */}
                 </Routes>
               </main>
             </div>