| | |
| | | const pathname = usePathname() |
| | | const pathSegments = pathname.split('/') |
| | | pathSegments.pop() |
| | | return <div className='flex h-full items-center justify-center'> |
| | | <div className='box-border h-fit w-[560px] rounded-2xl bg-background-section-burn px-5 py-4'> |
| | | <span className='system-md-semibold text-text-secondary'>{t('appLog.table.empty.element.title')}<ThreeDotsIcon className='relative -left-1.5 -top-3 inline' /></span> |
| | | <div className='system-sm-regular mt-2 text-text-tertiary'> |
| | | return <div className='flex items-center justify-center h-full'> |
| | | <div className='bg-background-section-burn w-[560px] h-fit box-border px-5 py-4 rounded-2xl'> |
| | | <span className='text-text-secondary system-md-semibold'>{t('appLog.table.empty.element.title')}<ThreeDotsIcon className='inline relative -top-3 -left-1.5' /></span> |
| | | <div className='mt-2 text-text-tertiary system-sm-regular'> |
| | | <Trans |
| | | i18nKey="appLog.table.empty.element.content" |
| | | components={{ shareLink: <Link href={`${pathSegments.join('/')}/overview`} className='text-util-colors-blue-blue-600' />, testLink: <Link href={appUrl} className='text-util-colors-blue-blue-600' target='_blank' rel='noopener noreferrer' /> }} |
| | |
| | | const total = isChatMode ? chatConversations?.total : completionConversations?.total |
| | | |
| | | return ( |
| | | <div className='flex h-full grow flex-col'> |
| | | <p className='system-sm-regular shrink-0 text-text-tertiary'>{t('appLog.description')}</p> |
| | | <div className='flex max-h-[calc(100%-16px)] flex-1 grow flex-col py-4'> |
| | | <div className='grow flex flex-col h-full'> |
| | | <p className='shrink-0 text-text-tertiary system-sm-regular'>{t('appLog.description')}</p> |
| | | <div className='grow max-h-[calc(100%-16px)] flex flex-col py-4 flex-1'> |
| | | <Filter isChatMode={isChatMode} appId={appDetail.id} queryParams={queryParams} setQueryParams={setQueryParams} /> |
| | | {total === undefined |
| | | ? <Loading type='app' /> |