b25aa157df
Adds an `icon` prop to Panel (small emoji glyph left of the title, aria-hidden, chosen per panel with no default) and wires it into every current Panel caller: hives (bee), create-agent's form (robot) and info panel (identity card, moved off the info panel's body copy where it started as a one-off), jobs (puzzle piece), the components gallery itself (toolbox), and the 404 page (compass). Adds a components-page demo section and a whimsy-section pointer in the design guide. Closes: #3508
31 lines
987 B
TypeScript
31 lines
987 B
TypeScript
// Root shell component — routing only. Each route's content is its own
|
|
// page component under `./pages/`; this file just maps paths to them.
|
|
import { Route, Switch } from 'wouter-preact';
|
|
import { Shell } from './shell/Shell.js';
|
|
import { ComponentsPage } from './pages/ComponentsPage.js';
|
|
import { CreateAgentPage } from './pages/CreateAgentPage.js';
|
|
import { JobsPage } from './pages/JobsPage.js';
|
|
import { HivesPage } from './pages/HivesPage.js';
|
|
import { Panel } from './ui/panel/Panel.js';
|
|
|
|
function NotFound() {
|
|
return (
|
|
<Panel title="404" icon="🧭">
|
|
<p>no route here.</p>
|
|
</Panel>
|
|
);
|
|
}
|
|
|
|
export function App() {
|
|
return (
|
|
<Shell>
|
|
<Switch>
|
|
<Route path="/" component={HivesPage} />
|
|
<Route path="/create-agent" component={CreateAgentPage} />
|
|
<Route path="/jobs" component={JobsPage} />
|
|
<Route path="/components" component={ComponentsPage} />
|
|
<Route component={NotFound} />
|
|
</Switch>
|
|
</Shell>
|
|
);
|
|
}
|