@nodeject/ui-components/esm/talk/components/Header.js

UI library for non-trivial components

import { PageHeader, Tooltip } from 'antd';
import * as React from 'react';
import { FavoriteFilledIcon, FavoriteIcon } from '../../icons';
import * as styles from './Header.module.less';
export 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(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(Tooltip, { title: 'bookmark' }, isBookmarkedByUser ? (React.createElement(FavoriteFilledIcon, { onClick: bookmark, style: {
                        color: isBookmarkedByUser ? '#fadb14' : '#ccc'
                    } })) : (React.createElement(FavoriteIcon, { onClick: bookmark, style: {
                        color: isBookmarkedByUser ? '#fadb14' : '#ccc'
                    } })))) })));
};