diff --git a/apps/web/src/components/reui-kit/quick-action-grid.tsx b/apps/web/src/components/reui-kit/quick-action-grid.tsx index 0719814..92fc739 100644 --- a/apps/web/src/components/reui-kit/quick-action-grid.tsx +++ b/apps/web/src/components/reui-kit/quick-action-grid.tsx @@ -20,6 +20,10 @@ export interface QuickActionItem { search?: Record onSelect?: () => void badgeLabel?: string + /** Вариант бейджа действия (по умолчанию outline). */ + badgeVariant?: 'outline' | 'info-light' | 'warning-light' + /** Моноширинная подпись под описанием: адрес · способ входа. */ + meta?: string icon?: ReactNode iconClassName?: string } @@ -49,13 +53,16 @@ function QuickActionBody({ action }: { action: QuickActionItem }) {
{action.title} - + {action.badgeLabel ?? 'Перейти'}

{action.description}

+ {action.meta ? ( +

{action.meta}

+ ) : null}
) diff --git a/apps/web/src/design-preview/pages/apps-page.tsx b/apps/web/src/design-preview/pages/apps-page.tsx index 8725a20..5a2d4f6 100644 --- a/apps/web/src/design-preview/pages/apps-page.tsx +++ b/apps/web/src/design-preview/pages/apps-page.tsx @@ -62,6 +62,8 @@ export function AppsPage() { title: app.title, description: app.description, badgeLabel: 'Открыть', + badgeVariant: 'info-light' as const, + meta: `${app.url.replace('https://', '')} · ${app.authMode === 'oidc' ? 'OIDC' : 'JWT'}`, icon: , onSelect: () => toast(`Открыть ${app.title}`, { description: `${app.url.replace('https://', '')} · ${app.authMode.toUpperCase()} (макет)` }), } @@ -79,6 +81,7 @@ export function AppsPage() { title: app.title, description: app.description, badgeLabel: 'Нет доступа', + meta: `${app.url.replace('https://', '')} · ${app.authMode === 'oidc' ? 'OIDC' : 'JWT'}`, icon: , onSelect: () => toast.warning(`Нет доступа к ${app.title}`, { description: 'Запросите права у администратора.' }), }