import { Navigate, Route, Routes } from 'react-router-dom';
import { useChat } from '../context/ChatProvider';
import type { PortalUser } from '../types';
import { FeedbackBoardView } from '../components/FeedbackBoardView';
import { FeedbackDetailView } from '../components/FeedbackDetailView';
import { FeedbackSubmitView } from '../components/FeedbackSubmitView';

export function FeedbackRoutes({
  user,
  onLogout,
}: {
  user: PortalUser | null;
  onLogout: () => void;
}) {
  const { session } = useChat();

  return (
    <Routes>
      <Route
        index
        element={<FeedbackSubmitView user={user} sessionId={session?.id} onLogout={onLogout} />}
      />
      <Route path="list" element={<FeedbackBoardView user={user} onLogout={onLogout} />} />
      <Route path=":feedbackId" element={<FeedbackDetailView onLogout={onLogout} />} />
      <Route path="*" element={<Navigate to="/feedback" replace />} />
    </Routes>
  );
}