@coko/client
Version:
Client side common code for coko apps
42 lines (41 loc) • 1.84 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 _ChatInput = _interopRequireDefault(require("./ChatInput"));
var _ChatMessageList = _interopRequireDefault(require("./ChatMessageList"));
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 > div:first-child {\n margin-bottom: ", ";\n }\n"])), (0, _toolkit.grid)(5));
var ChatThread = function ChatThread(props) {
var className = props.className,
messages = props.messages,
onSend = props.onSend;
return /*#__PURE__*/_react["default"].createElement(Wrapper, {
className: className
}, /*#__PURE__*/_react["default"].createElement(_ChatMessageList["default"], {
messages: messages
}), /*#__PURE__*/_react["default"].createElement(_ChatInput["default"], {
onSend: onSend
}));
};
ChatThread.propTypes = {
messages: _propTypes["default"].arrayOf(_propTypes["default"].shape({
content: _propTypes["default"].string,
date: _propTypes["default"].string,
own: _propTypes["default"].bool,
user: _propTypes["default"].string
})),
onSend: _propTypes["default"].func.isRequired
};
ChatThread.defaultProps = {
messages: []
};
var _default = ChatThread;
exports["default"] = _default;