feat: clarify municipality-first workbench flow
This commit is contained in:
@@ -5,6 +5,9 @@ interface ProviderPanelProps {
|
||||
loadingCapabilities: boolean
|
||||
capabilitiesError: string | null
|
||||
onRefresh: () => void
|
||||
onOpenSources: () => void
|
||||
onOpenStatus: () => void
|
||||
onOpenMap: () => void
|
||||
}
|
||||
|
||||
function providerStatusLabel(provider: ProviderCapability): string {
|
||||
@@ -41,20 +44,34 @@ export function ProviderPanel({
|
||||
loadingCapabilities,
|
||||
capabilitiesError,
|
||||
onRefresh,
|
||||
onOpenSources,
|
||||
onOpenStatus,
|
||||
onOpenMap,
|
||||
}: ProviderPanelProps): JSX.Element {
|
||||
const configuredCount = providers.filter((provider) => provider.configured).length
|
||||
return (
|
||||
<section className="system-provider-panel">
|
||||
<div className="system-provider-shell">
|
||||
<div className="panel-title-row">
|
||||
<div>
|
||||
<h2>Databronnen</h2>
|
||||
<p className="muted">Beschikbaarheid en herkomst van officiële, aanvullende en eigen bronnen.</p>
|
||||
<h2>Systeem & databronnen</h2>
|
||||
<p className="muted">Operationele beschikbaarheid, bronherkomst en directe routes naar beheeracties.</p>
|
||||
</div>
|
||||
<button type="button" className="secondary-action" onClick={onRefresh} disabled={loadingCapabilities}>
|
||||
Status vernieuwen
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="system-command-surface" aria-label="Systeemacties">
|
||||
<div><span>Bronkoppelingen</span><strong>{configuredCount} van {providers.length} actief</strong></div>
|
||||
<div><span>Werkmodus</span><strong>Begrensde bronopvraging</strong></div>
|
||||
<div className="system-command-actions">
|
||||
<button type="button" className="primary-action" onClick={onOpenMap}>Open operationele kaart</button>
|
||||
<button type="button" className="secondary-action" onClick={onOpenSources}>Beheer gebieden en bronnen</button>
|
||||
<button type="button" className="secondary-action" onClick={onOpenStatus}>Bekijk gereedheid</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="system-provider-state-stack">
|
||||
{loadingCapabilities ? (
|
||||
<div className="result-state result-state-loading">
|
||||
|
||||
Reference in New Issue
Block a user