fix: Add "unfavorite/unboost" label (#1540)

* Add "unfavorite" label.

* fixup, also fix Boost/Unboost

* fix test

src/routes/_components/status/StatusToolbar.html

@@ -19,7 +19,7 @@
     ref:reblogIcon
   />
   <IconButton
-    label="Favorite"
+    label={favoriteLabel}
     pressable="true"
     pressed={favorited}
     href="#fa-star"
@@ -164,14 +164,14 @@
         replyShown ? 'Close reply' : inReplyToId ? 'Reply to thread' : 'Reply'
       ),
       replyIcon: ({ inReplyToId }) => inReplyToId ? '#fa-reply-all' : '#fa-reply',
-      reblogLabel: ({ visibility }) => {
+      reblogLabel: ({ visibility, reblogged }) => {
         switch (visibility) {
           case 'private':
             return 'Cannot be boosted because this is followers-only'
           case 'direct':
             return 'Cannot be boosted because this is a direct message'
           default:
-            return 'Boost'
+            return reblogged ? 'Unboost' : 'Boost'
         }
       },
       reblogIcon: ({ visibility }) => {
@@ -193,6 +193,9 @@
         }
         return originalStatus.reblogged
       },
+      favoriteLabel: ({ favorited }) => (
+        favorited ? 'Unfavorite' : 'Favorite'
+      ),
       favorited: ({ originalStatusId, $currentStatusModifications, originalStatus }) => {
         if ($currentStatusModifications && originalStatusId in $currentStatusModifications.favorites) {
           return $currentStatusModifications.favorites[originalStatusId]

tests/spec/011-reblog-favorites-count.js

@@ -15,7 +15,7 @@ test('shows favorites', async t => {
     .expect(getUrl()).contains('/statuses/')
     .expect(getFavoritesCount()).eql(2)
     .expect(favoritesCountElement.getAttribute('aria-label')).eql('Favorited 2 times')
-    .expect($('.icon-button[aria-label="Favorite"]').getAttribute('aria-pressed')).eql('true')
+    .expect($('.icon-button[aria-label="Unfavorite"]').getAttribute('aria-pressed')).eql('true')
     .click(favoritesCountElement)
     .expect(getUrl()).match(/\/statuses\/[^/]+\/favorites/)
     .expect($('.search-result-account-name').nth(0).innerText).eql('foobar')