refs #1713 Add bookmark button on toot

src/config/locales/en/translation.json

@@ -327,6 +327,7 @@
       "reblog": "Reblog",
       "fav": "Favourite",
       "detail": "Toot details",
+      "bookmark": "Add bookmark",
       "pinned": "Pinned toot",
       "poll": {
         "vote": "Vote",

src/renderer/components/organisms/Toot.vue

@@ -167,6 +167,15 @@
           <span class="count">
             {{ favouritesCount }}
           </span>
+          <el-button
+            class="bookmark"
+            type="text"
+            :text="$t('cards.toot.bookmark')"
+            :aria-label="$t('cards.toot.bookmark')"
+            v-if="bookmarkSupported"
+          >
+            <icon name="bookmark" scale="0.9"></icon>
+          </el-button>
           <el-button type="text" class="quote-btn" v-if="quoteSupported" @click="openQuote()">
             <icon name="quote-right" scale="0.9"></icon>
           </el-button>
@@ -305,6 +314,9 @@ export default {
       sns: state => state.sns,
       account: state => state.account
     }),
+    ...mapState('TimelineSpace/SideMenu', {
+      bookmarkSupported: state => state.enabledTimelines.bookmark
+    }),
     shortcutEnabled: function () {
       return this.focused && !this.overlaid && !this.openEmojiPicker
     },
@@ -896,6 +908,15 @@ export default {
         margin: 0 0 4px -8px;
       }
 
+      .bookmark {
+        margin: 0 0 0 8px;
+      }
+
+      .bookmarked {
+        margin: 0 0 0 8px;
+        color: #ff5050;
+      }
+
       .pinned {
         color: gold;
       }