@coko/client
Version:
Client side common code for coko apps
46 lines (45 loc) • 1.96 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _toolkit = require("../../toolkit");
var _ChatMessage = _interopRequireDefault(require("./ChatMessage"));
var _common = require("../common");
var _templateObject;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n li:not(:last-child) {\n margin-bottom: ", ";\n }\n"])), (0, _toolkit.grid)(2));
var ChatMessageList = function ChatMessageList(props) {
var className = props.className,
messages = props.messages;
return /*#__PURE__*/_react["default"].createElement(Wrapper, {
className: className
}, /*#__PURE__*/_react["default"].createElement(_common.List, {
dataSource: messages,
renderItem: function renderItem(item) {
return /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_ChatMessage["default"], {
content: item.content,
date: item.date,
own: item.own,
user: item.user
}));
}
}));
};
ChatMessageList.propTypes = {
messages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
content: _propTypes["default"].string,
date: _propTypes["default"].string,
own: _propTypes["default"].bool,
user: _propTypes["default"].string
}))
};
ChatMessageList.defaultProps = {
messages: []
};
var _default = ChatMessageList;
exports["default"] = _default;