import { Navigate, Route, Routes } from "react-router-dom";
import ReviewQueue from "./pages/ReviewQueue";
import MomentDetail from "./pages/MomentDetail";

export default function App() {
  return (
    <div className="app">
      <header className="app-header">
        <h1>Chrysopedia Admin</h1>
        <nav>
          <a href="/admin/review">Review Queue</a>
        </nav>
      </header>

      <main className="app-main">
        <Routes>
          <Route path="/admin/review" element={<ReviewQueue />} />
          <Route path="/admin/review/:momentId" element={<MomentDetail />} />
          <Route path="*" element={<Navigate to="/admin/review" replace />} />
        </Routes>
      </main>
    </div>
  );
}