import React from 'react'
import { Routes, Route, Navigate } from 'react-router-dom'
import UploadPage from '../components/UploadPage'
import PlaceholderPage from '../components/PlaceholderPage'
import HomeFeed from '../components/HomeFeed'
import PostDetail from '../components/PostDetail'

export default function AppRouter() {
  return (
    <Routes>
      <Route path="/" element={<Navigate to="/dashboard" replace />} />

      <Route path="/home"      element={<HomeFeed />} />
      <Route path="/post/:id"  element={<PostDetail />} />
      <Route path="/notebooks" element={<PlaceholderPage pageId="notebooks" />} />
      <Route path="/activity"  element={<PlaceholderPage pageId="activity" />} />
      <Route path="/notes"     element={<PlaceholderPage pageId="notes" />} />
      <Route path="/creator"   element={<PlaceholderPage pageId="creator" />} />
      <Route path="/journal"   element={<PlaceholderPage pageId="journal" />} />

      <Route path="/dashboard/*" element={<UploadPage />} />

      <Route path="*" element={<PlaceholderPage pageId="home" />} />
    </Routes>
  )
}