From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/workflow/header/restoring-title.tsx | 46 +++++++++-------------------------------------
1 files changed, 9 insertions(+), 37 deletions(-)
diff --git a/app/components/workflow/header/restoring-title.tsx b/app/components/workflow/header/restoring-title.tsx
index 26cdd79..344e5e2 100644
--- a/app/components/workflow/header/restoring-title.tsx
+++ b/app/components/workflow/header/restoring-title.tsx
@@ -1,47 +1,19 @@
-import { memo, useMemo } from 'react'
+import { memo } from 'react'
import { useTranslation } from 'react-i18next'
-import { useFormatTimeFromNow } from '../hooks'
+import { useWorkflow } from '../hooks'
import { useStore } from '../store'
-import { WorkflowVersion } from '../types'
-import useTimestamp from '@/hooks/use-timestamp'
+import { ClockRefresh } from '@/app/components/base/icons/src/vender/line/time'
const RestoringTitle = () => {
const { t } = useTranslation()
- const { formatTimeFromNow } = useFormatTimeFromNow()
- const { formatTime } = useTimestamp()
- const currentVersion = useStore(state => state.currentVersion)
- const isDraft = currentVersion?.version === WorkflowVersion.Draft
- const publishStatus = isDraft ? t('workflow.common.unpublished') : t('workflow.common.published')
-
- const versionName = useMemo(() => {
- if (isDraft)
- return t('workflow.versionHistory.currentDraft')
- return currentVersion?.marked_name || t('workflow.versionHistory.defaultName')
- }, [currentVersion, t, isDraft])
+ const { formatTimeFromNow } = useWorkflow()
+ const publishedAt = useStore(state => state.publishedAt)
return (
- <div className='flex flex-col gap-y-0.5'>
- <div className='flex items-center gap-x-1'>
- <span className='system-sm-semibold text-text-primary'>
- {versionName}
- </span>
- <span className='system-2xs-medium-uppercase rounded-[5px] border border-text-accent-secondary bg-components-badge-bg-dimm px-1 py-0.5 text-text-accent-secondary'>
- {t('workflow.common.viewOnly')}
- </span>
- </div>
- <div className='system-xs-regular flex h-4 items-center gap-x-1 text-text-tertiary'>
- {
- currentVersion && (
- <>
- <span>{publishStatus}</span>
- <span>路</span>
- <span>{`${formatTimeFromNow((isDraft ? currentVersion.updated_at : currentVersion.created_at) * 1000)} ${formatTime(currentVersion.created_at, 'HH:mm:ss')}`}</span>
- <span>路</span>
- <span>{currentVersion?.created_by?.name || ''}</span>
- </>
- )
- }
- </div>
+ <div className='flex items-center h-[18px] text-xs text-gray-500'>
+ <ClockRefresh className='mr-1 w-3 h-3 text-gray-500' />
+ {t('workflow.common.latestPublished')}<span> </span>
+ {formatTimeFromNow(publishedAt)}
</div>
)
}
--
Gitblit v1.8.0