import { createBrowserRouter, RouterProvider } from 'react-router'
import { setUnauthorizedHandler } from '@/apis'
import { RequireAuth } from '@/features/auth'
import LoginPage from '@/pages/LoginPage'
import ListPage from '@/pages/ListPage'
import ChatPage from '@/pages/ChatPage'

const router = createBrowserRouter([
  { path: '/', element: <LoginPage /> },
  {
    path: '/list',
    element: (
      <RequireAuth>
        <ListPage />
      </RequireAuth>
    ),
  },
  {
    path: '/chat',
    element: (
      <RequireAuth>
        <ChatPage />
      </RequireAuth>
    ),
  },
])

// 토큰 만료/폐기로 인증이 끊기면 로그인 페이지로 이동시킨다.
setUnauthorizedHandler(() => {
  void router.navigate('/')
})

function App() {
  return <RouterProvider router={router} />
}

export default App