scratch-www/src/views/messages/message-rows/love-project.jsx

const classNames = require('classnames');
const FormattedMessage = require('react-intl').FormattedMessage;
const PropTypes = require('prop-types');
const React = require('react');

const SocialMessage = require('../../../components/social-message/social-message.jsx');

const LoveProjectMessage = props => (
    <SocialMessage
        className={classNames(
            'mod-love-project',
            props.className
        )}
        datetime={props.loveDateTime}
        iconAlt="love notification image"
        iconSrc="/svgs/messages/love.svg"
    >
        <FormattedMessage
            id="messages.loveText"
            values={{
                profileLink: (
                    <a
                        className="social-messages-profile-link"
                        href={`/users/${props.actorUsername}`}
                    >
                        {props.actorUsername}
                    </a>
                ),
                projectLink: (
                    <a href={`/projects/${props.projectId}`}>
                        {props.projectTitle}
                    </a>
                )
            }}
        />
    </SocialMessage>
);

LoveProjectMessage.propTypes = {
    actorUsername: PropTypes.string.isRequired,
    className: PropTypes.string,
    loveDateTime: PropTypes.string.isRequired,
    projectId: PropTypes.number.isRequired,
    projectTitle: PropTypes.string.isRequired
};

module.exports = LoveProjectMessage;