overleaf/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.js
June Kelly 94773e898e Merge pull request #5280 from overleaf/hb-max-log-entries-display
Display only a max of 100 log entries

GitOrigin-RevId: 7a9a9d6824eda72dd6c19024d1e0ff6d25bebf49
2021-10-07 08:03:37 +00:00

33 lines
963 B
JavaScript

import PropTypes from 'prop-types'
import { Trans, useTranslation } from 'react-i18next'
import PreviewLogEntryHeader from './preview-log-entry-header'
import Icon from '../../../shared/components/icon'
function PreviewLogsPaneMaxEntries({ totalEntries, entriesShown }) {
const { t } = useTranslation()
const title = t('log_entry_maximum_entries_title', {
total: totalEntries,
displayed: entriesShown,
})
return (
<div className="log-entry" aria-label={t('log_entry_maximum_entries')}>
<PreviewLogEntryHeader level="raw" headerTitle={title} />
<div className="log-entry-content">
<Icon type="lightbulb-o" />{' '}
<Trans
i18nKey="log_entry_maximum_entries_message"
components={[<b key="bold-1" />]}
/>
</div>
</div>
)
}
PreviewLogsPaneMaxEntries.propTypes = {
totalEntries: PropTypes.number,
entriesShown: PropTypes.number,
}
export default PreviewLogsPaneMaxEntries