Navigate to "subscriptions" on logo click (#1394)

* Updated logo to navigate to "subscriptions" on click

* accessibility improvements

* don't change backgroud color on hover

src/renderer/components/top-nav/top-nav.js

@@ -277,7 +277,9 @@ export default Vue.extend({
         // Web placeholder
       }
     },
-
+    navigate: function (route) {
+      this.$router.push('/' + route)
+    },
     ...mapActions([
       'showToast',
       'getYoutubeUrlInfo',

src/renderer/components/top-nav/top-nav.sass

@@ -85,7 +85,13 @@
     display: flex
     align-items: center
     padding: 0px 25px 0px 10px
+    cursor: pointer
 
+    &:active
+      background-color: var(--tertiary-text-color)
+      transition: background 0.2s ease-in
+      @include top-nav-is-colored
+        background-color: var(--primary-color-active)
     .logoIcon
       background-image: var(--logo-icon)
       background-repeat: no-repeat

src/renderer/components/top-nav/top-nav.vue

@@ -44,7 +44,15 @@
         :title="newWindowText"
         @click="createNewWindow"
       />
-      <div class="logo">
+      <div
+        class="logo"
+        role="link"
+        tabindex="0"
+        :title="$t('Subscriptions.Subscriptions')"
+        @click="navigate('subscriptions')"
+        @keydown.space.prevent="navigate('subscriptions')"
+        @keydown.enter.prevent="navigate('subscriptions')"
+      >
         <div
           class="logoIcon"
         />