import { useCallback } from 'react' import PropTypes from 'prop-types' import { Trans, useTranslation } from 'react-i18next' import { Button } from 'react-bootstrap' import PreviewLogEntryHeader from './preview-log-entry-header' import Icon from '../../../shared/components/icon' import getMeta from '../../../utils/meta' import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context' import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error' import StopOnFirstErrorBadge from '../../../shared/components/stop-on-first-error-badge' function PreviewLogsPaneMaxEntries({ totalEntries, entriesShown, hasErrors }) { const { t } = useTranslation() const showStopOnFirstError = getMeta('ol-showStopOnFirstError') 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 (
{showStopOnFirstError ? ( hasErrors && !stoppedOnFirstError ? ( <>

  {t('tip')}: ), 'learn-more-link': ( // eslint-disable-next-line jsx-a11y/anchor-has-content ), }} />{' '}

{t('log_entry_maximum_entries_see_full_logs')}

) : (

  {t('tip')}: {t('log_entry_maximum_entries_see_full_logs')}

) ) : ( <>   {hasErrors ? ( ,

]} // eslint-disable-line react/jsx-key /> ) : ( ]} // eslint-disable-line react/jsx-key /> )} )}

) } PreviewLogsPaneMaxEntries.propTypes = { totalEntries: PropTypes.number, entriesShown: PropTypes.number, hasErrors: PropTypes.bool, } export default PreviewLogsPaneMaxEntries