# elasticpress/4.2.0/assets/js/sync/components/common/message-log.js

ElasticPress, version 4.2.0. 36 lines.

- Page: https://pluginprobe.com/plugins/elasticpress/4.2.0/code/assets/js/sync/components/common/message-log.js
- Raw: https://pluginprobe.com/plugins/elasticpress/4.2.0/raw/assets/js/sync/components/common/message-log.js
- Modified: 2022-05-26T12:34:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elasticpress/4.2.0/code/assets/js/sync/components/common/message-log.js#L10-L20`.

```javascript
/**
 * WordPress dependencies.
 */
import { WPElement } from '@wordpress/element';

/**
 * Log component.
 *
 * @param {object} props Component props.
 * @param {object[]} props.messages Log messages.
 * @returns {WPElement} Component.
 */
export default ({ messages }) => {
	return (
		<div className="ep-sync-messages">
			{messages.map((m, i) => (
				<div
					className="ep-sync-messages__line-number"
					key={`line-${m.id}`}
					role="presentation"
				>
					{i + 1}
				</div>
			))}
			{messages.map((m) => (
				<div
					className={`ep-sync-messages__message ep-sync-messages__message--${m.status}`}
					key={`message-${m.id}`}
				>
					{m.message}
				</div>
			))}
		</div>
	);
};

```