@nodeject/ui-components
Version:
UI library for non-trivial components
22 lines (21 loc) • 1.47 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Header = void 0;
var antd_1 = require("antd");
var React = require("react");
var icons_1 = require("../../icons");
var styles = require("./Header.module.less");
var Header = function (props) {
var bookmark = function () {
props.bookmarkConversation(props.conversation.id);
};
var isBookmarkedByUser = props.conversation.bookmarkedBy.find(function (u) { return u.oauthId === props.user.id; }) !== undefined ? true : false;
return (React.createElement("div", { className: styles.header },
React.createElement(antd_1.PageHeader, { onBack: props.onGoToConversationsClick !== undefined ? function () { return props.onGoToConversationsClick(); } : undefined, title: React.createElement("span", { style: { fontSize: '1.5em', fontWeight: 'bold' } }, props.conversation.title), subTitle: React.createElement("span", { style: { paddingLeft: 8, cursor: 'auto' } },
React.createElement(antd_1.Tooltip, { title: 'bookmark' }, isBookmarkedByUser ? (React.createElement(icons_1.FavoriteFilledIcon, { onClick: bookmark, style: {
color: isBookmarkedByUser ? '#fadb14' : '#ccc'
} })) : (React.createElement(icons_1.FavoriteIcon, { onClick: bookmark, style: {
color: isBookmarkedByUser ? '#fadb14' : '#ccc'
} })))) })));
};
exports.Header = Header;