// app/app.jsx — root: provider + router.

function Router() {
  const app = useApp();
  const n = app.route.name;
  let Page;
  switch (n) {
    case 'work': Page = PageWork; break;
    case 'recording': Page = PageRecording; break;
    case 'review': Page = PageReview; break;
    case 'search': Page = PageSearch; break;
    case 'signin': case 'signup': Page = PageAuth; break;
    case 'me': Page = PageMe; break;
    default: Page = PageHome;
  }
  return (
    <React.Fragment>
      <Page key={n + (app.route.id || '') + (app.route.query && app.route.query.q || '')} />
      <Toast />
    </React.Fragment>
  );
}

function App() {
  return <AppProvider><Router /></AppProvider>;
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);