29 lines
900 B
TypeScript
29 lines
900 B
TypeScript
|
import { useParams } from 'react-router-dom'
|
||
|
|
import { AppShell } from '../../design-system/layout/AppShell/AppShell'
|
||
|
|
import { Sidebar } from '../../design-system/layout/Sidebar/Sidebar'
|
||
|
|
import { TopBar } from '../../design-system/layout/TopBar/TopBar'
|
||
|
|
import { EmptyState } from '../../design-system/primitives/EmptyState/EmptyState'
|
||
|
|
import { SIDEBAR_APPS } from '../../mocks/sidebar'
|
||
|
|
|
||
|
|
export function AgentDetail() {
|
||
|
|
const { id } = useParams<{ id: string }>()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<AppShell sidebar={<Sidebar apps={SIDEBAR_APPS} />}>
|
||
|
|
<TopBar
|
||
|
|
breadcrumb={[
|
||
|
|
{ label: 'Agents', href: '/agents' },
|
||
|
|
{ label: id ?? '' },
|
||
|
|
]}
|
||
|
|
environment="PRODUCTION"
|
||
|
|
shift="Day (06:00-18:00)"
|
||
|
|
user={{ name: 'hendrik' }}
|
||
|
|
/>
|
||
|
|
<EmptyState
|
||
|
|
title="Agent Detail"
|
||
|
|
description="Agent detail view coming soon."
|
||
|
|
/>
|
||
|
|
</AppShell>
|
||
|
|
)
|
||
|
|
}
|