import React from 'react'; import PropTypes from 'prop-types'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { Icon, IconButton, OverlayTrigger, Tooltip, } from '@edx/paragon'; import { ThumbUpFilled, ThumbUpOutline } from '../../../components/icons'; import messages from './messages'; function LikeButton({ count, intl, onClick, voted, }) { const handleClick = (e) => { e.preventDefault(); if (onClick) { onClick(); } return false; }; return (
{intl.formatMessage(voted ? messages.removeLike : messages.like)} )} >
{(count && count > 0) ? count : null}
); } LikeButton.propTypes = { count: PropTypes.number.isRequired, intl: intlShape.isRequired, onClick: PropTypes.func, voted: PropTypes.bool, }; LikeButton.defaultProps = { voted: false, onClick: undefined, }; export default injectIntl(LikeButton);