diff --git a/apps/web/src/components/operations/operations-jobs-grid.tsx b/apps/web/src/components/operations/operations-jobs-grid.tsx index 65f1cac..ce88ed7 100644 --- a/apps/web/src/components/operations/operations-jobs-grid.tsx +++ b/apps/web/src/components/operations/operations-jobs-grid.tsx @@ -93,6 +93,7 @@ export function OperationsJobsGrid({ ) }, meta: { headerTitle: 'Вид' }, + size: 320, }, { accessorKey: 'status', @@ -105,6 +106,7 @@ export function OperationsJobsGrid({ return }, meta: { headerTitle: 'Статус' }, + size: 150, }, { id: 'created_at', @@ -118,6 +120,7 @@ export function OperationsJobsGrid({ ), meta: { headerTitle: 'Создана' }, + size: 190, }, { id: 'finished_at', @@ -131,6 +134,7 @@ export function OperationsJobsGrid({ ), meta: { headerTitle: 'Завершена' }, + size: 190, }, { id: 'actions', diff --git a/apps/web/src/components/operations/operations-revisions-grid.tsx b/apps/web/src/components/operations/operations-revisions-grid.tsx index 7da6584..57a01b4 100644 --- a/apps/web/src/components/operations/operations-revisions-grid.tsx +++ b/apps/web/src/components/operations/operations-revisions-grid.tsx @@ -56,9 +56,10 @@ export function OperationsRevisionsGrid({ accessorFn: (row) => row.id, header: ({ column }) => , cell: ({ row }) => ( - + ), meta: { headerTitle: 'ID' }, + size: 340, }, { accessorKey: 'created_at', @@ -69,6 +70,7 @@ export function OperationsRevisionsGrid({ ), meta: { headerTitle: 'Создана' }, + size: 210, }, { accessorKey: 'materialized_prefix_count', @@ -79,6 +81,7 @@ export function OperationsRevisionsGrid({ ), meta: { headerTitle: 'Префиксов' }, + size: 150, }, { id: 'actions', @@ -91,7 +94,7 @@ export function OperationsRevisionsGrid({ } - title={`Откатиться к ревизии ${row.original.id.slice(0, 8)}…?`} + title={`Откатиться к ревизии ${row.original.id}?`} description="Будет создана новая ревизия на основе выбранной. Требуется роль оператора." confirmLabel="Откатить" destructive diff --git a/apps/web/src/components/schedule/schedule-modules-grid.tsx b/apps/web/src/components/schedule/schedule-modules-grid.tsx index 5e747af..c7c7d52 100644 --- a/apps/web/src/components/schedule/schedule-modules-grid.tsx +++ b/apps/web/src/components/schedule/schedule-modules-grid.tsx @@ -52,12 +52,14 @@ export function ScheduleModulesGrid({ header: ({ column }) => , cell: ({ row }) => , meta: { headerTitle: 'Модуль' }, + size: 280, }, { accessorKey: 'type', header: ({ column }) => , cell: ({ row }) => {moduleTypeRu(row.original.type)}, meta: { headerTitle: 'Тип' }, + size: 150, }, { id: 'schedule', @@ -70,6 +72,7 @@ export function ScheduleModulesGrid({ ), meta: { headerTitle: 'Расписание' }, + size: 130, }, { id: 'last_refreshed_at', @@ -83,6 +86,7 @@ export function ScheduleModulesGrid({ ), meta: { headerTitle: 'Обновлено' }, + size: 190, }, { id: 'enabled', @@ -92,6 +96,7 @@ export function ScheduleModulesGrid({ ), meta: { headerTitle: 'Статус' }, + size: 110, }, { id: 'actions', diff --git a/apps/web/src/routes/_auth/operations.tsx b/apps/web/src/routes/_auth/operations.tsx index 593cb8a..59bd3d3 100644 --- a/apps/web/src/routes/_auth/operations.tsx +++ b/apps/web/src/routes/_auth/operations.tsx @@ -5,6 +5,7 @@ import { toast } from 'sonner' import { useMemo, useState } from 'react' import { Button } from '@evobgp/ui/components/button' +import { Field, FieldLabel } from '@evobgp/ui/components/field' import { SegmentedTabs, TabsContent } from '@/components/segmented-tabs' import { FrameSection, @@ -19,6 +20,7 @@ import { CodeBlockCopyButton, CodeBlockExpandButton, CodeBlockHeader, + CodeBlockTitle, } from '@/components/reui/code-block/code-block' import type { CodeBlockDiffSpec } from '@/components/reui/code-block/code-block-highlight' import { SelectMenu } from '@/components/select-field' @@ -275,35 +277,31 @@ function DiffTab({ revisions }: { revisions: RevisionRow[] }) { const [b, setB] = useState('') const diffQ = useQuery(operationsDiffQueryOptions(a, b)) const revisionItems = useMemo( - () => - revisions.map((r) => ({ - value: r.id, - label: `${r.id.slice(0, 12)}…`, - })), + () => revisions.map((r) => ({ value: r.id, label: r.id })), [revisions], ) return (
-
- Ревизия A + + Ревизия A v && setA(v)} /> -
-
- Ревизия B + + + Ревизия B v && setB(v)} /> -
+ @@ -363,6 +361,9 @@ function DiffView({ diff }: { diff: import('@/types/api').RevisionDiff }) { label="Различия ревизий" > + + {`${diff.revision_a ?? '—'} → ${diff.revision_b ?? '—'}`} + Показать всё