import { memo, useCallback } from 'react' import PropTypes from 'prop-types' import { useTranslation } from 'react-i18next' import PreviewLogsPaneEntry from '../../preview/components/preview-logs-pane-entry' import PreviewLogsPaneMaxEntries from '../../preview/components/preview-logs-pane-max-entries' const LOG_PREVIEW_LIMIT = 100 function PdfLogsEntries({ entries }) { const { t } = useTranslation() const syncToEntry = useCallback(entry => { window.dispatchEvent( new CustomEvent('synctex:sync-to-entry', { detail: entry, }) ) }, []) const logEntries = entries.slice(0, LOG_PREVIEW_LIMIT) return ( <> {entries.length > LOG_PREVIEW_LIMIT && ( )} {logEntries.map(logEntry => ( ))} ) } PdfLogsEntries.propTypes = { entries: PropTypes.arrayOf(PropTypes.object), } export default memo(PdfLogsEntries)