2020-09-28 06:51:15 -04:00
|
|
|
import React from 'react'
|
|
|
|
import PropTypes from 'prop-types'
|
|
|
|
import PreviewLogEntry from './preview-log-entry'
|
|
|
|
|
2020-11-05 05:22:05 -05:00
|
|
|
function PreviewLogsPane({ logEntries, onLogEntryLinkClick }) {
|
2020-09-28 06:51:15 -04:00
|
|
|
return (
|
2020-11-05 05:22:05 -05:00
|
|
|
<div className="logs-pane">
|
2020-09-28 06:51:15 -04:00
|
|
|
{logEntries && logEntries.length > 0 ? (
|
|
|
|
logEntries.map((logEntry, idx) => (
|
2020-11-05 05:22:05 -05:00
|
|
|
<PreviewLogEntry
|
|
|
|
key={idx}
|
|
|
|
{...logEntry}
|
|
|
|
onLogEntryLinkClick={onLogEntryLinkClick}
|
|
|
|
/>
|
2020-09-28 06:51:15 -04:00
|
|
|
))
|
|
|
|
) : (
|
|
|
|
<div>No logs</div>
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
PreviewLogsPane.propTypes = {
|
2020-11-05 05:22:05 -05:00
|
|
|
logEntries: PropTypes.array,
|
|
|
|
onLogEntryLinkClick: PropTypes.func.isRequired
|
2020-09-28 06:51:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
export default PreviewLogsPane
|