diff --git a/apps/web/src/components/reui-kit/detail-panel.tsx b/apps/web/src/components/reui-kit/detail-panel.tsx index fb23a6d..f772904 100644 --- a/apps/web/src/components/reui-kit/detail-panel.tsx +++ b/apps/web/src/components/reui-kit/detail-panel.tsx @@ -1,11 +1,4 @@ import type { ReactNode } from 'react' -import { - Frame, - FrameDescription, - FrameHeader, - FramePanel, - FrameTitle, -} from '@/components/reui/frame' import { KpiStatGrid, type KpiStatCard, @@ -33,7 +26,7 @@ interface DetailPanelProps { function DetailPanelRoot({ children, className }: DetailPanelProps) { return ( -
+
{children}
) @@ -53,24 +46,16 @@ function DetailPanelHeader({ children, }: DetailPanelHeaderProps) { return ( - - -
- {title} - {description ? ( - {description} - ) : null} + <> +
+
+

{title}

+ {description ?

{description}

: null}
- {actions ? ( -
- {actions} -
- ) : null} - - {children ? ( - {children} - ) : null} - + {actions ?
{actions}
: null} +
+ {children} + ) } diff --git a/apps/web/src/routes/_auth/lists/$id.tsx b/apps/web/src/routes/_auth/lists/$id.tsx index c16c99c..7227631 100644 --- a/apps/web/src/routes/_auth/lists/$id.tsx +++ b/apps/web/src/routes/_auth/lists/$id.tsx @@ -4,11 +4,13 @@ import { toast } from 'sonner' import { ArrowLeftIcon, CircleAlertIcon, + ClockIcon, HashIcon, RefreshCwIcon, TagIcon, Trash2, } from 'lucide-react' +import { formatDateTime, formatRelativeTime } from '@/lib/format' import { useCallback, useMemo, useState } from 'react' import type { ColumnDef } from '@tanstack/react-table' import type { Filter, FilterFieldConfig } from '@/components/reui/filters' @@ -471,6 +473,14 @@ function ListDetailPage() { ), hint: 'materialized', }, + { + id: 'updated', + icon: , + iconClassName: 'text-muted-foreground', + label: 'Обновлён', + description: formatRelativeTime(detail.refreshed_at ?? detail.updated_at), + hint: formatDateTime(detail.refreshed_at ?? detail.updated_at), + }, ]} />