github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Consolidate errors and warnings compilation result indicator.

Browse source 
GitOrigin-RevId: c17b782884c9860022cef93e038136c6853bdc6b
This commit is contained in:
Paulo Reis 2020-10-06 16:40:16 +01:00 committed by Copybot
parent e1c2291fef
commit 6e99c7b722
1 changed files with 15 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
services/web/frontend/js/features/preview/components/preview-logs-toggle-button.js
View file

@ -36,34 +36,27 @@ function PreviewLogsToggleButton({
}
function CompilationResultIndicator({ nErrors, nWarnings }) {
if (nErrors) {
return <ErrorsCompilationResultIndicator nErrors={nErrors} />
} else if (nWarnings) {
return <WarningsCompilationResultIndicator nWarnings={nWarnings} />
if (nErrors || nWarnings) {
return (
<LogsCompilationResultIndicator
logType={nErrors ? 'errors' : 'warnings'}
nLogs={nErrors || nWarnings}
/>
)
} else {
return <ViewLogsButton />
}
}
function ErrorsCompilationResultIndicator({ nErrors }) {
function LogsCompilationResultIndicator({ logType, nLogs }) {
const { t } = useTranslation()
const label =
logType === 'errors' ? t('your_project_has_errors') : t('view_warnings')
return (
<>
<Icon type="file-text-o" />
<span className="btn-toggle-logs-label">
{`${t('your_project_has_errors')} (${nErrors > 9 ? '9+' : nErrors})`}
</span>
</>
)
}
function WarningsCompilationResultIndicator({ nWarnings }) {
const { t } = useTranslation()
return (
<>
<Icon type="file-text-o" />
<span className="btn-toggle-logs-label">
{`${t('view_warnings')} (${nWarnings > 9 ? '9+' : nWarnings})`}
<span className="btn-toggle-logs-label" aria-label={label}>
{`${label} (${nLogs > 9 ? '9+' : nLogs})`}
</span>
</>
)
@ -99,12 +92,9 @@ PreviewLogsToggleButton.propTypes = {
showLogs: PropTypes.bool.isRequired
}
ErrorsCompilationResultIndicator.propTypes = {
nErrors: PropTypes.number.isRequired
}
WarningsCompilationResultIndicator.propTypes = {
nWarnings: PropTypes.number.isRequired
LogsCompilationResultIndicator.propTypes = {
logType: PropTypes.string.isRequired,
nLogs: PropTypes.number.isRequired
}
export default PreviewLogsToggleButton