Spaces:
Running
Running
File size: 2,526 Bytes
98c9143 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | import { useState, useEffect } from 'react'
import AuthPage from './pages/AuthPage'
import DashboardPage from './pages/DashboardPage'
import { useLanguage } from './contexts/LanguageContext'
export type Page = 'auth' | 'dashboard'
function BootScreen({ loadingText }: { loadingText: string }) {
return (
<div className="flex min-h-screen items-center justify-center bg-slate-50 px-6">
<div className="flex w-full max-w-sm flex-col items-center gap-4 text-center">
<div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-[#0f172a] text-base font-extrabold text-white shadow-[0_10px_30px_rgba(15,23,42,0.16)]">
CA
</div>
<div className="space-y-1">
<h1 className="text-lg font-bold text-[#0f172a]">Copilot API</h1>
<p className="text-[13px] text-slate-500">{loadingText}</p>
</div>
<div className="h-1.5 w-28 overflow-hidden rounded-full bg-slate-200">
<div className="h-full w-1/2 animate-pulse rounded-full bg-[#0f172a]" />
</div>
</div>
</div>
)
}
export default function App() {
const [page, setPage] = useState<Page | null>(null)
const [username, setUsername] = useState<string>('')
const [port, setPort] = useState<number>(4141)
const { setLangPref, t } = useLanguage()
useEffect(() => {
let active = true
const bootstrap = async () => {
try {
const [authResult, settings] = await Promise.all([
window.electronAPI.checkSavedToken(),
window.electronAPI.getSettings(),
])
if (!active) return
setPort(settings.lastPort)
setLangPref(settings.language ?? 'auto')
if (authResult.success && authResult.username) {
setUsername(authResult.username)
setPage('dashboard')
return
}
setPage('auth')
} catch {
if (active) setPage('auth')
}
}
void bootstrap()
return () => {
active = false
}
}, [])
const handleAuthSuccess = (user: string) => {
setUsername(user)
setPage('dashboard')
}
const handleLogout = async () => {
await window.electronAPI.logout()
setUsername('')
setPage('auth')
}
if (page === null) {
return <BootScreen loadingText={t('auth.loading')} />
}
if (page === 'auth') {
return <AuthPage onSuccess={handleAuthSuccess} />
}
return (
<DashboardPage
username={username}
defaultPort={port}
onLogout={handleLogout}
/>
)
}
|