fix: show proper text for signup notifications (#2182)

src/intl/en-US.js

@@ -495,6 +495,7 @@ export default {
     other {video}
   }: {description}`,
   accountFollowedYou: '{name} followed you, {account}',
+  accountSignedUp: '{name} signed up, {account}',
   reblogCountsHidden: 'Boost counts hidden',
   favoriteCountsHidden: 'Favorite counts hidden',
   rebloggedTimes: `Boosted {count, plural,
@@ -509,6 +510,7 @@ export default {
   rebloggedYou: 'boosted your toot',
   favoritedYou: 'favorited your toot',
   followedYou: 'followed you',
+  signedUp: 'signed up',
   posted: 'posted',
   pollYouCreatedEnded: 'A poll you created has ended',
   pollYouVotedEnded: 'A poll you voted on has ended',

src/routes/_components/status/Notification.html

@@ -58,6 +58,7 @@
       account: ({ notification }) => notification.account,
       accountId: ({ account }) => account.id,
       notificationId: ({ notification }) => notification.id,
+      notificationType: ({ notification }) => notification.type,
       status: ({ notification }) => notification.status,
       statusId: ({ status }) => status && status.id,
       uuid: ({ $currentInstance, timelineType, timelineValue, notificationId, statusId }) => (
@@ -65,12 +66,20 @@
       ),
       elementId: ({ uuid }) => uuid,
       shortcutScope: ({ elementId }) => elementId,
-      ariaLabel: ({ status, account, $omitEmojiInDisplayNames }) => (
+      ariaLabel: ({ status, account, $omitEmojiInDisplayNames, notificationType }) => {
-        !status && formatIntl('intl.accountFollowedYou', {
+        if (status) {
+          return undefined // aria-label not needed if there's a status
+        }
+        const params = {
           name: getAccountAccessibleName(account, $omitEmojiInDisplayNames),
           account: `@${account.acct}`
-        })
+        }
-      ),
+        if (notificationType === 'admin.sign_up') {
+          return formatIntl('intl.accountSignedUp', params)
+        } else { // 'follow'
+          return formatIntl('intl.accountFollowedYou', params)
+        }
+      },
       className: ({ $underlineLinks }) => (classname(
         'notification-article',
         'shortcut-list-item',

src/routes/_components/status/StatusHeader.html

@@ -127,6 +127,8 @@
           return '#fa-bar-chart'
         } else if (notificationType === 'status') {
           return '#fa-comment'
+        } else if (notificationType === 'admin.sign_up') {
+          return '#fa-user-plus'
         }
         return '#fa-star'
       },
@@ -135,6 +137,8 @@
           return 'intl.rebloggedYou'
         } else if (notificationType === 'favourite') {
           return 'intl.favoritedYou'
+        } else if (notificationType === 'admin.sign_up') {
+          return 'intl.signedUp'
         } else if (notificationType === 'follow') {
           return 'intl.followedYou'
         } else if (notificationType === 'status') {

src/service-worker.js

@@ -200,7 +200,8 @@ async function showRichNotification (data, notification) {
   const badge = '/icon-push-badge.png'
 
   switch (notification.type) {
-    case 'follow': {
+    case 'follow':
+    case 'admin.sign_up': {
       await self.registration.showNotification(data.title, {
         badge,
         icon,