refs #2606 Use vue-fontawesome in organisms/Notification

src/renderer/components/TimelineSpace/Modals/NewToot.vue

@@ -62,7 +62,7 @@
       </div>
       <div class="poll">
         <el-button size="default" type="text" @click="togglePollForm" :title="$t('modals.new_toot.footer.poll')">
-          <font-awesome-icon icon="poll" />
+          <font-awesome-icon icon="square-poll-horizontal" />
         </el-button>
       </div>
       <div class="privacy">

src/renderer/components/organisms/Notification/Favourite.vue

@@ -13,7 +13,7 @@
     <div v-show="!filtered(message)" class="favourite">
       <div class="action">
         <div class="action-mark">
-          <icon name="star" scale="0.7"></icon>
+          <font-awesome-icon icon="star" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">
@@ -87,7 +87,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/Follow.vue

@@ -12,7 +12,7 @@
     <div class="follow">
       <div class="action">
         <div class="action-mark">
-          <icon name="user-plus" scale="0.8"></icon>
+          <font-awesome-icon icon="user-plus" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">

src/renderer/components/organisms/Notification/FollowRequest.vue

@@ -12,7 +12,7 @@
     <div class="follow-request">
       <div class="action">
         <div class="action-mark">
-          <icon name="user-plus" scale="0.8"></icon>
+          <font-awesome-icon icon="user-plus" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">

src/renderer/components/organisms/Notification/PollExpired.vue

@@ -13,7 +13,7 @@
     <div v-show="!filtered(message)" class="poll-expired">
       <div class="action">
         <div class="action-mark">
-          <icon name="poll-h" scale="0.9"></icon>
+          <font-awesome-icon icon="square-poll-horizontal" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">
@@ -87,7 +87,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/PollVote.vue

@@ -13,7 +13,7 @@
     <div v-show="!filtered(message)" class="poll-vote">
       <div class="action">
         <div class="action-mark">
-          <icon name="poll-h" scale="0.9"></icon>
+          <font-awesome-icon icon="square-poll-horizontal" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">
@@ -87,7 +87,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/Quote.vue

@@ -13,7 +13,7 @@
     <div v-show="!filtered(message)" class="quoted">
       <div class="action">
         <div class="action-mark">
-          <icon name="retweet" scala="0.7"></icon>
+          <font-awesome-icon icon="retweet" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">
@@ -89,7 +89,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/Reaction.vue

@@ -87,7 +87,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/Reblog.vue

@@ -13,7 +13,7 @@
     <div v-show="!filtered(message)" class="reblog">
       <div class="action">
         <div class="action-mark">
-          <icon name="retweet" scala="0.7"></icon>
+          <font-awesome-icon icon="retweet" size="sm" />
         </div>
         <div class="action-detail">
           <span class="bold" @click="openUser(message.account)">
@@ -89,7 +89,7 @@
                 @click="showAttachments = false"
                 :title="$t('cards.toot.hide')"
               >
-                <icon name="eye" class="hide"></icon>
+                <font-awesome-icon icon="eye" class="hide" />
               </el-button>
               <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message.status)">
                 <FailoverImg :src="media.preview_url" :title="media.description" :readExif="true" />

src/renderer/components/organisms/Notification/Status.vue

@@ -2,7 +2,7 @@
   <div class="notified-status">
     <div class="action">
       <div class="action-mark">
-        <icon name="home" scale="0.9"></icon>
+        <font-awesome-icon name="home" size="sm" />
       </div>
       <div class="action-detail">
         <span class="bold" @click="openUser(message.account)">

src/renderer/main.ts

@@ -19,13 +19,15 @@ import {
   faListUl,
   faTimesCircle,
   faCamera,
-  faPoll,
   faUnlock,
   faLock,
   faEyeSlash,
   faEye,
   faPlus,
-  faXmark
+  faXmark,
+  faSquarePollHorizontal,
+  faRetweet,
+  faUserPlus
 } from '@fortawesome/free-solid-svg-icons'
 import { faFaceSmile } from '@fortawesome/free-regular-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
@@ -63,14 +65,16 @@ library.add(
   faListUl,
   faTimesCircle,
   faCamera,
-  faPoll,
   faUnlock,
   faLock,
   faEyeSlash,
   faEye,
   faPlus,
   faFaceSmile,
-  faXmark
+  faXmark,
+  faSquarePollHorizontal,
+  faRetweet,
+  faUserPlus
 )
 
 Vue.use(ElementUI, { locale })