#49 ページの移動

frontend/src/App.tsx

@@ -1,18 +1,17 @@
 import React, { useEffect, useState } from 'react'
 import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom'
-import TagPage from '@/pages/TagPage'
 import TopNav from '@/components/TopNav'
 import TagSidebar from '@/components/TagSidebar'
 import TagDetailSidebar from '@/components/TagDetailSidebar'
-import PostPage from '@/pages/posts/PostPage'
+import PostListPage from '@/pages/posts/PostListPage'
 import PostNewPage from '@/pages/posts/PostNewPage'
 import PostDetailPage from '@/pages/posts/PostDetailPage'
-import WikiPage from '@/pages/WikiPage'
-import WikiNewPage from '@/pages/WikiNewPage'
-import WikiEditPage from '@/pages/WikiEditPage'
-import WikiDiffPage from '@/pages/WikiDiffPage'
-import WikiDetailPage from '@/pages/WikiDetailPage'
-import WikiHistoryPage from '@/pages/WikiHistoryPage'
+import WikiSearchPage from '@/pages/wiki/WikiSearchPage'
+import WikiNewPage from '@/pages/wiki/WikiNewPage'
+import WikiEditPage from '@/pages/wiki/WikiEditPage'
+import WikiDiffPage from '@/pages/wiki/WikiDiffPage'
+import WikiDetailPage from '@/pages/wiki/WikiDetailPage'
+import WikiHistoryPage from '@/pages/wiki/WikiHistoryPage'
 import { API_BASE_URL } from '@/config'
 import axios from 'axios'
 import { Toaster } from '@/components/ui/toaster'
@@ -60,11 +59,10 @@ export default () => {
             <div className="flex flex-1">
               <Routes>
                 <Route path="/" element={<Navigate to="/posts" replace />} />
-                <Route path="/posts" element={<PostPage />} />
+                <Route path="/posts" element={<PostListPage />} />
                 <Route path="/posts/new" element={<PostNewPage />} />
                 <Route path="/posts/:id" element={<PostDetailPage user={user} />} />
-                <Route path="/tags/:tag" element={<TagPage />} />
-                <Route path="/wiki" element={<WikiPage />} />
+                <Route path="/wiki" element={<WikiSearchPage />} />
                 <Route path="/wiki/:title" element={<WikiDetailPage />} />
                 <Route path="/wiki/new" element={<WikiNewPage />} />
                 <Route path="/wiki/:id/edit" element={<WikiEditPage />} />

frontend/src/pages/TagPage.tsx

@@ -1,50 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import axios from 'axios'
-import { useParams } from 'react-router-dom'
-import { API_BASE_URL } from '../config'
-import MainArea from '@/components/layout/MainArea'
-
-
-export default () => {
-  const { id } = useParams()
-  const [posts, setPosts] = useState([])
-  const [tagName, setTagName] = useState('')
-
-  useEffect (() => {
-    const fetchTag = async () => {
-      try {
-        const response = await axios.get (`${API_BASE_URL}/tags/${id}`)
-        setTagName (response.data.name)
-      } catch (error) {
-        console.error ('Error fetching tag:', error)
-      }
-    }
-
-    const fetchPosts = async () => {
-      try {
-        const response = await axios.get (`${API_BASE_URL}/tags/${id}/posts`)
-        setPosts (response.data)
-      } catch (error) {
-        console.error ('Error fetching posts:', error)
-      }
-    }
-
-    fetchTag ()
-    fetchPosts ()
-  }, [id])
-
-  return (
-      <MainArea>
-        <div className="container mx-auto p-4">
-          <h1 className="text-2xl font-bold mb-4">タグ: {tagName}</h1>
-          <div className="grid grid-cols-4 gap-4">
-            {posts.map ((post, index) => (
-              <div key={index} className="border rounded p-2">
-                <img src={post.image_url} alt={post.title} className="w-full h-48 object-cover mb-2" />
-                <h2 className="text-lg font-semibold">{post.title}</h2>
-              </div>
-            ))}
-          </div>
-        </div>
-      </MainArea>)
-}