overleaf/services/web/frontend/js/features/preview/components/preview-logs-pane.js

import React from 'react'
import PropTypes from 'prop-types'
import PreviewLogEntry from './preview-log-entry'

function PreviewLogsPane({ logEntries, onLogEntryLocationClick }) {
  return (
    <div className="logs-pane">
      {logEntries && logEntries.length > 0 ? (
        logEntries.map((logEntry, idx) => (
          <PreviewLogEntry
            key={idx}
            {...logEntry}
            onLogEntryLocationClick={onLogEntryLocationClick}
          />
        ))
      ) : (
        <div>No logs</div>
      )}
    </div>
  )
}

PreviewLogsPane.propTypes = {
  logEntries: PropTypes.array,
  onLogEntryLocationClick: PropTypes.func.isRequired
}

export default PreviewLogsPane