agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 17:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #26990 from overleaf/dp-pdf-logs-max-entries

Browse Source 
Ensure that PreviewLogsPaneMaxEntries uses new style log entry in new editor

GitOrigin-RevId: 964525a4676eeb341ce168aa3189ef59bb26b1cc
This commit is contained in:
David
2025-07-10 10:23:53 +01:00
committed by Copybot
parent f612daf181
commit ecd412e21e
2 changed files with 94 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx
View File

@@ -1,79 +0,0 @@
import { useCallback } from 'react'
import PropTypes from 'prop-types'
import { Trans, useTranslation } from 'react-i18next'
import OLButton from '@/features/ui/components/ol/ol-button'
import PreviewLogEntryHeader from './preview-log-entry-header'
import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
import MaterialIcon from '@/shared/components/material-icon'
function PreviewLogsPaneMaxEntries({ totalEntries, entriesShown, hasErrors }) {
const { t } = useTranslation()
const { startCompile, stoppedOnFirstError, setAnimateCompileDropdownArrow } =
useCompileContext()
const { enableStopOnFirstError } = useStopOnFirstError({
eventSource: 'too-many-logs',
})
const title = t('log_entry_maximum_entries_title', {
total: totalEntries,
displayed: entriesShown,
})
const handleEnableStopOnFirstErrorClick = useCallback(() => {
enableStopOnFirstError()
startCompile({ stopOnFirstError: true })
setAnimateCompileDropdownArrow(true)
}, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
return (
<div className="log-entry" aria-label={t('log_entry_maximum_entries')}>
<PreviewLogEntryHeader level="raw" headerTitle={title} />
<div className="log-entry-content">
<div className="log-entry-formatted-content">
{hasErrors && !stoppedOnFirstError ? (
<>
<p>
<MaterialIcon type="lightbulb" className="align-middle" />
&nbsp;
<strong>{t('tip')}: </strong>
<Trans
i18nKey="log_entry_maximum_entries_enable_stop_on_first_error"
components={[
<OLButton
variant="primary"
size="sm"
key="enable-stop-on-first-error"
onClick={handleEnableStopOnFirstErrorClick}
/>,
// eslint-disable-next-line jsx-a11y/anchor-has-content
<a
key="learn-more"
href="https://www.overleaf.com/learn/latex/Questions/Tips_and_Tricks_for_Troubleshooting_LaTeX"
/>,
]}
/>{' '}
</p>
<p>{t('log_entry_maximum_entries_see_full_logs')}</p>
</>
) : (
<p>
<MaterialIcon type="lightbulb" className="align-middle" />
&nbsp;
<strong>{t('tip')}: </strong>
{t('log_entry_maximum_entries_see_full_logs')}
</p>
)}
</div>
</div>
</div>
)
}
PreviewLogsPaneMaxEntries.propTypes = {
totalEntries: PropTypes.number,
entriesShown: PropTypes.number,
hasErrors: PropTypes.bool,
}
export default PreviewLogsPaneMaxEntries

94
services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.tsx Normal file
View File

@@ -0,0 +1,94 @@
import { useCallback } from 'react'
import { Trans, useTranslation } from 'react-i18next'
import OLButton from '@/features/ui/components/ol/ol-button'
import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
import MaterialIcon from '@/shared/components/material-icon'
import PdfLogEntry from '@/features/pdf-preview/components/pdf-log-entry'
function PreviewLogsPaneMaxEntries({
totalEntries,
entriesShown,
hasErrors,
}: {
totalEntries: number
entriesShown: number
hasErrors?: boolean
}) {
const { t } = useTranslation()
const title = t('log_entry_maximum_entries_title', {
total: totalEntries,
displayed: entriesShown,
})
return (
<PdfLogEntry
entryAriaLabel={t('log_entry_maximum_entries')}
headerTitle={title}
level="raw"
formattedContent={
<PreviewLogsPaneMaxEntriesContent hasErrors={hasErrors} />
}
/>
)
}
function PreviewLogsPaneMaxEntriesContent({
hasErrors,
}: {
hasErrors?: boolean
}) {
const { t } = useTranslation()
const { startCompile, stoppedOnFirstError, setAnimateCompileDropdownArrow } =
useCompileContext()
const { enableStopOnFirstError } = useStopOnFirstError({
eventSource: 'too-many-logs',
})
const handleEnableStopOnFirstErrorClick = useCallback(() => {
enableStopOnFirstError()
startCompile({ stopOnFirstError: true })
setAnimateCompileDropdownArrow(true)
}, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
if (hasErrors && !stoppedOnFirstError) {
return (
<>
<p>
<MaterialIcon type="lightbulb" className="align-middle" />
&nbsp;
<strong>{t('tip')}: </strong>
<Trans
i18nKey="log_entry_maximum_entries_enable_stop_on_first_error"
components={[
<OLButton
variant="primary"
size="sm"
key="enable-stop-on-first-error"
onClick={handleEnableStopOnFirstErrorClick}
/>,
// eslint-disable-next-line jsx-a11y/anchor-has-content
<a
key="learn-more"
href="https://www.overleaf.com/learn/latex/Questions/Tips_and_Tricks_for_Troubleshooting_LaTeX"
/>,
]}
/>{' '}
</p>
<p>{t('log_entry_maximum_entries_see_full_logs')}</p>
</>
)
}
return (
<p>
<MaterialIcon type="lightbulb" className="align-middle" />
&nbsp;
<strong>{t('tip')}: </strong>
{t('log_entry_maximum_entries_see_full_logs')}
</p>
)
}
export default PreviewLogsPaneMaxEntries