Settings
Settings website manage
The Custom website screen under Settings → Apps, showing either a connect prompt or the list of domains linked to a space for visitor analytics.
Available
Ports as-is
Examples
Rendered live from the maintained Storybook story. Lantern stores only the story id and embeds Storybook rather than duplicating the component or its demo.
Settings website manage
Rendered live from Storybook
Storybook must be running for this to load — bun run start:storybook from the monorepo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.
Props
The component's public API, read from its TypeScript source. Descriptions come from TSDoc on the prop, so this table cannot drift from the component.
| Prop | Type | Default | Description |
|---|---|---|---|
onBack* | () => void | — | Leaves the screen. |
domains* | ConnectedDomain[] | — | Connected domains. Empty array renders the not-connected card. |
onConnect | (domain: string) => void | — | Fired when the connect modal returns a domain. |
onMakeDefault | (domain: string) => void | — | Fired by "Make default" on a non-default domain. |
onRemove | (domain: string) => void | — | Fired by "Delete". |
autoConnect | boolean | false | Opens the connect modal on mount — the app uses this to deep-link into connecting. |
className | string | — | Undocumented — add TSDoc to the prop in the library. |
Reference
Transcribed from the component audit. If this disagrees with the source, the source is right.
- Source
src/components/settings/SettingsWebsiteManage.tsx- Portability
- Copies across unchanged — only the utils import path moves.
- Notes
- Use it as the destination for the Apps list's website entry; pass the connected domains as a prop and handle connect, make-default, and delete through callbacks. Only the non-default domain rows expose "Make default" in their menu, since exactly one domain is default at a time.