@asyncapi/react-component
Version:
A React component for AsyncAPI specification.
22 lines • 1.17 kB
JavaScript
import React from 'react';
import { Message } from './Message';
import { useConfig, useSpec } from '../../contexts';
import { CommonHelpers } from '../../helpers';
import { MESSAGES_TEXT } from '../../constants';
export var Messages = function () {
var asyncapi = useSpec();
var config = useConfig();
var messages = !asyncapi.components().isEmpty() &&
asyncapi
.components()
.messages()
.all();
if (!messages || messages.length === 0) {
return null;
}
return (React.createElement("section", { id: "".concat(CommonHelpers.getIdentifier('messages', config)), className: "mt-16" },
React.createElement("h2", { className: "2xl:w-7/12 text-3xl font-light mb-4 px-8" }, MESSAGES_TEXT),
React.createElement("ul", null, messages.map(function (message, idx) { return (React.createElement("li", { className: "mb-4", key: message.id(), id: CommonHelpers.getIdentifier("message-".concat(message.id()), config) },
React.createElement(Message, { messageName: message.id(), message: message, index: idx + 1, key: message.id() }))); }))));
};
//# sourceMappingURL=Messages.js.map