Add becomehost notification to the activity feed

src/views/studio/l10n.json

@@ -87,6 +87,8 @@
     "studio.activityBecomeCurator": "{newCuratorProfileLink} accepted an invitation from {inviterProfileLink} to curate this studio",
     "studio.activityRemoveCurator": "{removerProfileLink} removed the curator {removedProfileLink}",
     "studio.activityBecomeOwner": "{promotedProfileLink} was promoted to manager by {promotorProfileLink}",
+    "studio.activityBecomeHost": "{newHostProfileLink} was made the studio host by {actorProfileLink}",
+    "studio.activityBecomeHostAdminActor": "{newHostProfileLink} was made the studio host by a Scratch Team member.",
 
     "studio.lastUpdated": "Updated {lastUpdatedDate, date, medium}",
     "studio.followerCount": "{followerCount} followers",

src/views/studio/studio-activity.jsx

@@ -167,6 +167,44 @@ const getComponentForItem = item => {
                 />
             </SocialMessage>
         );
+    case 'becomehoststudio':
+        return (
+            <SocialMessage
+                datetime={item.datetime_created}
+                iconSrc="/svgs/studio/activity-curator.svg"
+                iconAlt="curator activity icon"
+                imgClassName="studio-activity-icon"
+                key={item.id}
+            >
+                {item.admin_actor ?
+                    <FormattedMessage
+                        id="studio.activityBecomeHostAdminActor"
+                        values={{
+                            newHostProfileLink: (
+                                <a href={`/users/${item.recipient_username}`}>
+                                    {item.recipient_username}
+                                </a>
+                            )
+                        }}
+                    /> :
+                    <FormattedMessage
+                        id="studio.activityBecomeHost"
+                        values={{
+                            newHostProfileLink: (
+                                <a href={`/users/${item.recipient_username}`}>
+                                    {item.recipient_username}
+                                </a>
+                            ),
+                            actorProfileLink: (
+                                <a href={`/users/${item.recipient_username}`}>
+                                    {item.actor_username}
+                                </a>
+                            )
+                        }}
+                    />
+                }
+            </SocialMessage>
+        );
     }
 };