AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 17:56:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: update app published time after clicking publish button (#7801)

Browse Source
This commit is contained in:
Vico Chu 2024-09-04 13:03:06 +08:00 committed by GitHub
parent 571415d1a4
commit 0bc19c3fbf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/app/components/app/app-publisher/index.tsx
View File

@ -63,6 +63,7 @@ const AppPublisher = ({
const [published, setPublished] = useState(false) const [published, setPublished] = useState(false)
const [open, setOpen] = useState(false) const [open, setOpen] = useState(false)
const appDetail = useAppStore(state => state.appDetail) const appDetail = useAppStore(state => state.appDetail)
const [publishedTime, setPublishedTime] = useState<number | undefined>(publishedAt)
const { app_base_url: appBaseURL = '', access_token: accessToken = '' } = appDetail?.site ?? {} const { app_base_url: appBaseURL = '', access_token: accessToken = '' } = appDetail?.site ?? {}
const appMode = (appDetail?.mode !== 'completion' && appDetail?.mode !== 'workflow') ? 'chat' : appDetail.mode const appMode = (appDetail?.mode !== 'completion' && appDetail?.mode !== 'workflow') ? 'chat' : appDetail.mode
const appURL = `${appBaseURL}/${appMode}/${accessToken}` const appURL = `${appBaseURL}/${appMode}/${accessToken}`
@ -76,6 +77,7 @@ const AppPublisher = ({
try { try {
await onPublish?.(modelAndParameter) await onPublish?.(modelAndParameter)
setPublished(true) setPublished(true)
setPublishedTime(Date.now())
} }
catch (e) { catch (e) {
setPublished(false) setPublished(false)
@ -131,13 +133,13 @@ const AppPublisher = ({
<div className='w-[336px] bg-white rounded-2xl border-[0.5px] border-gray-200 shadow-xl'> <div className='w-[336px] bg-white rounded-2xl border-[0.5px] border-gray-200 shadow-xl'>
<div className='p-4 pt-3'> <div className='p-4 pt-3'>
<div className='flex items-center h-6 text-xs font-medium text-gray-500 uppercase'> <div className='flex items-center h-6 text-xs font-medium text-gray-500 uppercase'>
{publishedAt ? t('workflow.common.latestPublished') : t('workflow.common.currentDraftUnpublished')} {publishedTime ? t('workflow.common.latestPublished') : t('workflow.common.currentDraftUnpublished')}
</div> </div>
{publishedAt {publishedTime
? ( ? (
<div className='flex justify-between items-center h-[18px]'> <div className='flex justify-between items-center h-[18px]'>
<div className='flex items-center mt-[3px] mb-[3px] leading-[18px] text-[13px] font-medium text-gray-700'> <div className='flex items-center mt-[3px] mb-[3px] leading-[18px] text-[13px] font-medium text-gray-700'>
{t('workflow.common.publishedAt')} {formatTimeFromNow(publishedAt)} {t('workflow.common.publishedAt')} {formatTimeFromNow(publishedTime)}
</div> </div>
<Button <Button
className={` className={`
@ -175,18 +177,18 @@ const AppPublisher = ({
{ {
published published
? t('workflow.common.published') ? t('workflow.common.published')
: publishedAt ? t('workflow.common.update') : t('workflow.common.publish') : publishedTime ? t('workflow.common.update') : t('workflow.common.publish')
} }
</Button> </Button>
) )
} }
</div> </div>
<div className='p-4 pt-3 border-t-[0.5px] border-t-black/5'> <div className='p-4 pt-3 border-t-[0.5px] border-t-black/5'>
<SuggestedAction disabled={!publishedAt} link={appURL} icon={<PlayCircle />}>{t('workflow.common.runApp')}</SuggestedAction> <SuggestedAction disabled={!publishedTime} link={appURL} icon={<PlayCircle />}>{t('workflow.common.runApp')}</SuggestedAction>
{appDetail?.mode === 'workflow' {appDetail?.mode === 'workflow'
? ( ? (
<SuggestedAction <SuggestedAction
disabled={!publishedAt} disabled={!publishedTime}
link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`} link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`}
icon={<LeftIndent02 className='w-4 h-4' />} icon={<LeftIndent02 className='w-4 h-4' />}
> >
@ -199,16 +201,16 @@ const AppPublisher = ({
setEmbeddingModalOpen(true) setEmbeddingModalOpen(true)
handleTrigger() handleTrigger()
}} }}
disabled={!publishedAt} disabled={!publishedTime}
icon={<CodeBrowser className='w-4 h-4' />} icon={<CodeBrowser className='w-4 h-4' />}
> >
{t('workflow.common.embedIntoSite')} {t('workflow.common.embedIntoSite')}
</SuggestedAction> </SuggestedAction>
)} )}
<SuggestedAction disabled={!publishedAt} link='./develop' icon={<FileText className='w-4 h-4' />}>{t('workflow.common.accessAPIReference')}</SuggestedAction> <SuggestedAction disabled={!publishedTime} link='./develop' icon={<FileText className='w-4 h-4' />}>{t('workflow.common.accessAPIReference')}</SuggestedAction>
{appDetail?.mode === 'workflow' && ( {appDetail?.mode === 'workflow' && (
<WorkflowToolConfigureButton <WorkflowToolConfigureButton
disabled={!publishedAt} disabled={!publishedTime}
published={!!toolPublished} published={!!toolPublished}
detailNeedUpdate={!!toolPublished && published} detailNeedUpdate={!!toolPublished && published}
workflowAppId={appDetail?.id} workflowAppId={appDetail?.id}