| | |
| | | { value: PageType.log, text: t('appLog.title') }, |
| | | { value: PageType.annotation, text: t('appAnnotation.title') }, |
| | | ] |
| | | }, [appDetail?.mode, t]) |
| | | }, [appDetail]) |
| | | |
| | | if (!appDetail) { |
| | | return ( |
| | |
| | | } |
| | | |
| | | return ( |
| | | <div className='flex h-full flex-col px-6 pt-3'> |
| | | <div className='pt-3 px-6 h-full flex flex-col'> |
| | | {appDetail.mode !== 'workflow' && ( |
| | | <TabSlider |
| | | className='shrink-0' |
| | |
| | | options={options} |
| | | /> |
| | | )} |
| | | <div className={cn('h-0 grow', appDetail.mode !== 'workflow' && 'mt-3')}> |
| | | <div className={cn('grow h-0', appDetail.mode !== 'workflow' && 'mt-3')}> |
| | | {pageType === PageType.log && appDetail.mode !== 'workflow' && (<Log appDetail={appDetail} />)} |
| | | {pageType === PageType.annotation && (<Annotation appDetail={appDetail} />)} |
| | | {pageType === PageType.log && appDetail.mode === 'workflow' && (<WorkflowLog appDetail={appDetail} />)} |