Hide Dislike count and like/dislike ratio bar. Fix ft-icon-button

src/renderer/components/ft-icon-button/ft-icon-button.js

@@ -65,7 +65,7 @@ export default Vue.extend({
       const regex = /\/(\w*)/i
       return this.dropdownNames.slice().map((el) => {
         const group = el.match(regex)
-        if (group.length === 0) {
+        if (group === null || group.length === 0) {
           return ''
         }
         return group[1]
@@ -128,12 +128,16 @@ export default Vue.extend({
     },
 
     handleDropdownClick: function (index) {
-      this.$emit('click', {
+      if (this.relatedVideoTitle !== '') {
-        url: this.dropdownValues[index],
+        this.$emit('click', {
-        title: this.relatedVideoTitle,
+          url: this.dropdownValues[index],
-        extension: this.filesExtensions[index],
+          title: this.relatedVideoTitle,
-        folderPath: this.$store.getters.getDownloadFolderPath
+          extension: this.filesExtensions[index],
-      })
+          folderPath: this.$store.getters.getDownloadFolderPath
+        })
+      } else {
+        this.$emit('click', this.dropdownValues[index])
+      }
       this.focusOut()
     }
   }

src/renderer/components/watch-video-info/watch-video-info.sass

@@ -52,7 +52,7 @@
 
 .likeSection
   margin-top: 4px
-  font-size: 12px
+  font-size: 16px
   color: var(--tertiary-text-color)
   display: flex
   flex-direction: column
@@ -70,7 +70,7 @@
     margin-bottom: 4px
 
   .likeCount
-    margin-right: 6px
+    margin-right: 0px
 
 .videoOptions
   margin-top: 16px

src/renderer/components/watch-video-info/watch-video-info.vue

@@ -44,6 +44,20 @@
       <div class="viewCount">
         {{ parsedViewCount }}
       </div>
+      <div
+        v-if="!hideVideoLikesAndDislikes"
+        class="likeBarContainer"
+      >
+        <div
+          class="likeSection"
+        >
+          <div>
+            <span class="likeCount"><font-awesome-icon icon="thumbs-up" /> {{ parsedLikeCount }}</span>
+          </div>
+        </div>
+      </div>
+      <!--
+      // Uncomment if suitable solution for bringing back dislikes is introduced
       <div
         v-if="!hideVideoLikesAndDislikes"
         class="likeBarContainer"
@@ -61,6 +75,7 @@
           </div>
         </div>
       </div>
+      -->
       <div class="videoOptions">
         <ft-icon-button
           v-if="!isUpcoming"