diff --git a/src/views/messages/l10n.json b/src/views/messages/l10n.json
index 6de138777..2e5374884 100644
--- a/src/views/messages/l10n.json
+++ b/src/views/messages/l10n.json
@@ -5,6 +5,8 @@
"messages.activityStudios": "Studio Activity",
"messages.activityForums": "Forum Activity",
"messages.becomeManagerText": "{username} promoted you to manager for the studio {studio}",
+ "messages.becomeHostText": "{usernameOrScratchTeam} made you the host of the studio {studio}. As host, you now have the ability to edit the studio title, thumbnail, and description. Go say hello in the studio!",
+ "messages.becomeHostScratchTeam": "A Scratch Team member",
"messages.curatorInviteText": "{actorLink} invited you to curate the studio {studioLink}. Visit the {tabLink} on the studio to accept the invitation",
"messages.curatorTabText": "curator tab",
"messages.favoriteText": "{profileLink} favorited your project {projectLink}",
diff --git a/src/views/messages/message-rows/become-host.jsx b/src/views/messages/message-rows/become-host.jsx
new file mode 100644
index 000000000..5eed3fd1c
--- /dev/null
+++ b/src/views/messages/message-rows/become-host.jsx
@@ -0,0 +1,50 @@
+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 BecomeHostMessage = props => (
+
+ :
+
+ {props.actorUsername}
+
+ ),
+ studio: (
+
+ {props.studioTitle}
+
+ )
+ }}
+ />
+
+);
+
+BecomeHostMessage.propTypes = {
+ actorUsername: PropTypes.string.isRequired,
+ adminActor: PropTypes.bool,
+ className: PropTypes.string,
+ datetimePromoted: PropTypes.string.isRequired,
+ studioId: PropTypes.number.isRequired,
+ studioTitle: PropTypes.string.isRequired
+};
+
+module.exports = BecomeHostMessage;
diff --git a/src/views/messages/presentation.jsx b/src/views/messages/presentation.jsx
index eb8931c4a..e8036b392 100644
--- a/src/views/messages/presentation.jsx
+++ b/src/views/messages/presentation.jsx
@@ -17,6 +17,7 @@ const messageStatuses = require('../../redux/messages').Status;
// Message Components
const AdminMessage = require('./message-rows/admin-message.jsx');
const BecomeManagerMessage = require('./message-rows/become-manager.jsx');
+const BecomeHostMessage = require('./message-rows/become-host.jsx');
const CommentMessage = require('./message-rows/comment-message.jsx');
const CuratorInviteMessage = require('./message-rows/curator-invite.jsx');
const FavoriteProjectMessage = require('./message-rows/favorite-project.jsx');
@@ -147,6 +148,18 @@ class SocialMessagesList extends React.Component {
studioTitle={message.gallery_title}
/>
);
+ case 'becomehoststudio':
+ return (
+
+ );
case 'userjoin':
return (
+
\ No newline at end of file