Refactored the DashboardQuickLinks component to simplify icon classes for better semantic clarity. Updated the AppShell component to integrate the AppSwitcher and AppsMenu, enhancing navigation and user experience. Adjusted the layout of the app shell header and main content for improved consistency and alignment. Updated UI design documentation to reflect these changes and ensure adherence to shared design standards.
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
import { Gauge, Network, Play, Plus, Search, Share2, Tags } from 'lucide-react'
|
|
|
|
import { QuickActionGrid, type QuickActionItem } from '@/components/reui-kit'
|
|
|
|
/** iconClassName: semantic text only (shared chrome with CFDM). @see https://reui.io/preview/base/stats-12 */
|
|
const ACTIONS: QuickActionItem[] = [
|
|
{
|
|
id: 'lookup',
|
|
title: 'Проверка IP/домена',
|
|
description: 'Membership в списках и community (entry + snapshot).',
|
|
to: '/lookup',
|
|
icon: <Search aria-hidden />,
|
|
iconClassName: 'text-primary',
|
|
},
|
|
{
|
|
id: 'new-module',
|
|
title: 'Создать модуль',
|
|
description: 'Новый модуль маршрутизации и источники префиксов.',
|
|
to: '/modules/new',
|
|
icon: <Plus aria-hidden />,
|
|
iconClassName: 'text-primary',
|
|
},
|
|
{
|
|
id: 'communities',
|
|
title: 'BGP-сообщества',
|
|
description: 'Справочник communities для политик экспорта.',
|
|
to: '/directories',
|
|
icon: <Tags aria-hidden />,
|
|
iconClassName: 'text-info',
|
|
},
|
|
{
|
|
id: 'network',
|
|
title: 'Сеть',
|
|
description: 'Обзор пиров, спикеров и live-сессий BGP.',
|
|
to: '/network',
|
|
search: { tab: 'overview' },
|
|
icon: <Network aria-hidden />,
|
|
iconClassName: 'text-success',
|
|
},
|
|
{
|
|
id: 'add-peer',
|
|
title: 'Добавить пира',
|
|
description: 'Настройка BGP-соседа и шаблонов сессии.',
|
|
to: '/network',
|
|
search: { tab: 'peers' },
|
|
icon: <Share2 aria-hidden />,
|
|
iconClassName: 'text-warning',
|
|
},
|
|
{
|
|
id: 'deploy',
|
|
title: 'Деплой',
|
|
description: 'Ревизии конфигурации и применение на нодах.',
|
|
to: '/operations',
|
|
search: { tab: 'revisions' },
|
|
icon: <Play aria-hidden />,
|
|
iconClassName: 'text-muted-foreground',
|
|
},
|
|
{
|
|
id: 'monitoring',
|
|
title: 'Мониторинг',
|
|
description: 'Состояние системы, BIRD и PostgreSQL.',
|
|
to: '/monitoring',
|
|
search: { tab: 'system' },
|
|
icon: <Gauge aria-hidden />,
|
|
iconClassName: 'text-destructive',
|
|
},
|
|
]
|
|
|
|
export function DashboardQuickLinks() {
|
|
return (
|
|
<QuickActionGrid
|
|
actions={ACTIONS}
|
|
description="Частые переходы к настройке и деплою"
|
|
/>
|
|
)
|
|
}
|