Feat: Display release status in agent version history. (#13479)

### What problem does this PR solve?
Feat: Display release status in agent version history.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

---------

Co-authored-by: balibabu <assassin_cike@163.com>
This commit is contained in:
balibabu
2026-03-10 14:25:27 +08:00
committed by GitHub
parent 249b78561b
commit aaf900cf16
14 changed files with 148 additions and 23 deletions

View File

@@ -2,6 +2,7 @@ import { RAGFlowAvatar } from '@/components/ragflow-avatar';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { formatDate } from '@/utils/date';
import { ReactNode } from 'react';
import { useTranslation } from 'react-i18next';
interface IProps {
data: {
@@ -9,6 +10,7 @@ interface IProps {
description?: string;
avatar?: string;
update_time?: string | number;
release_time?: number;
};
onClick?: () => void;
moreDropdown: React.ReactNode;
@@ -16,6 +18,12 @@ interface IProps {
icon?: React.ReactNode;
testId?: string;
}
function Time({ time }: { time: string | number | undefined }) {
return (
<p className="text-sm opacity-80 whitespace-nowrap">{formatDate(time)}</p>
);
}
export function HomeCard({
data,
onClick,
@@ -24,6 +32,8 @@ export function HomeCard({
icon,
testId,
}: IProps) {
const { t } = useTranslation();
return (
<Card
as="article"
@@ -72,9 +82,20 @@ export function HomeCard({
{data.description}
</div>
<div className="flex justify-between items-center">
<p className="text-sm opacity-80 whitespace-nowrap">
{formatDate(data.update_time)}
</p>
{data.release_time ? (
<section>
<div className="flex items-center gap-2 text-sm opacity-80">
{`${t('flow.lastSavedAt')}:`}
<Time time={data.update_time}></Time>
</div>
<div className="flex items-center gap-2 text-sm opacity-80">
{`${t('flow.publishedAt')}:`}
<Time time={data.release_time}></Time>
</div>
</section>
) : (
<Time time={data.update_time}></Time>
)}
{sharedBadge}
</div>
</section>