68 lines
1.9 KiB
TypeScript
68 lines
1.9 KiB
TypeScript
import { memo } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import PdfLogEntry from './pdf-log-entry'
|
|
|
|
function PdfValidationIssue({ issue, name }: { issue: any; name: string }) {
|
|
const { t } = useTranslation()
|
|
|
|
switch (name) {
|
|
case 'sizeCheck':
|
|
return (
|
|
<PdfLogEntry
|
|
headerTitle={t('project_too_large')}
|
|
formattedContent={
|
|
<>
|
|
<div>{t('project_too_large_please_reduce')}</div>
|
|
<ul className="list-no-margin-bottom">
|
|
{issue.resources.map(
|
|
(resource: { path: string; kbSize: number }) => (
|
|
<li key={resource.path}>
|
|
{resource.path} — {resource.kbSize}
|
|
kb
|
|
</li>
|
|
)
|
|
)}
|
|
</ul>
|
|
</>
|
|
}
|
|
entryAriaLabel={t('validation_issue_entry_description')}
|
|
level="error"
|
|
/>
|
|
)
|
|
|
|
case 'conflictedPaths':
|
|
return (
|
|
<PdfLogEntry
|
|
headerTitle={t('conflicting_paths_found')}
|
|
formattedContent={
|
|
<>
|
|
<div>{t('following_paths_conflict')}</div>
|
|
<ul className="list-no-margin-bottom">
|
|
{issue.map((detail: { path: string }) => (
|
|
<li key={detail.path}>/{detail.path}</li>
|
|
))}
|
|
</ul>
|
|
</>
|
|
}
|
|
entryAriaLabel={t('validation_issue_entry_description')}
|
|
level="error"
|
|
/>
|
|
)
|
|
|
|
case 'mainFile':
|
|
return (
|
|
<PdfLogEntry
|
|
headerTitle={t('main_file_not_found')}
|
|
formattedContent={t('please_set_main_file')}
|
|
entryAriaLabel={t('validation_issue_entry_description')}
|
|
level="error"
|
|
/>
|
|
)
|
|
|
|
default:
|
|
return null
|
|
}
|
|
}
|
|
|
|
export default memo(PdfValidationIssue)
|