forked from Zakaria/hermes-agent
Zakaria
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { useStore } from '@nanostores/react'
|
|
import { useEffect } from 'react'
|
|
import { $route, $bootstrap, initialize } from './store'
|
|
import Welcome from './routes/welcome'
|
|
import Progress from './routes/progress'
|
|
import Success from './routes/success'
|
|
import Failure from './routes/failure'
|
|
|
|
/*
|
|
* App shell — Hermes Setup.
|
|
*
|
|
* No header chrome (the OS title bar already says "Hermes Setup"; an
|
|
* in-window repeat of the H mark + words was redundant slop).
|
|
*
|
|
* Route state lives in a single $route atom — 4 screens, no react-router.
|
|
*/
|
|
export default function App() {
|
|
const route = useStore($route)
|
|
const bootstrap = useStore($bootstrap)
|
|
|
|
useEffect(() => {
|
|
void initialize()
|
|
}, [])
|
|
|
|
return (
|
|
<div className="relative flex h-full flex-col overflow-hidden bg-background text-foreground">
|
|
<main className="relative z-10 flex flex-1 flex-col overflow-hidden">
|
|
{route === 'welcome' && <Welcome />}
|
|
{route === 'progress' && <Progress bootstrap={bootstrap} />}
|
|
{route === 'success' && <Success />}
|
|
{route === 'failure' && <Failure bootstrap={bootstrap} />}
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|