import {Route, Routes, useLocation} from 'react-router-dom'
import {useAuthSession} from '../components/actions'
import {NotFound} from '../components/ui/NotFound'
import {ParticipantInterviewPage} from '../features/assessments'
import {ParticipantMeetingPage} from '../features/interviews'
import {LoginPage} from '../features/login/LoginPage'
import {AuthenticatedApp} from './AuthenticatedApp'
import {DataProvider} from './DataContext'

export default function App() {
    const location = useLocation();
    const {authenticated, sessionExpired, completeLogin, logout} = useAuthSession();
    if (location.pathname.startsWith('/participant/')) {
        return (
            <Routes>
                <Route path="/participant/meeting/:token" element={<ParticipantMeetingPage/>}/>
                <Route path="/participant/:invitationId" element={<ParticipantInterviewPage/>}/>
                <Route path="*" element={<NotFound/>}/>
            </Routes>
        )
    }
    if (!authenticated) {
        return <LoginPage onLogin={completeLogin} sessionExpired={sessionExpired}/>
    }
    return (
        <DataProvider>
            <AuthenticatedApp onLogout={logout}/>
        </DataProvider>
    )
}