Add page-specific titles for each feed type

src/renderer/components/ft-refresh-widget/ft-refresh-widget.vue

@@ -9,12 +9,12 @@
       v-if="lastRefreshTimestamp"
       class="lastRefreshTimestamp"
     >
-      {{ $t('Subscriptions.Feed last updated', { date: lastRefreshTimestamp }) }}
+      {{ $t('Feed.Feed Last Updated', { feedName: title, date: lastRefreshTimestamp }) }}
     </p>
     <ft-icon-button
       :icon="['fas', 'sync']"
       class="refreshButton"
-      :title="title"
+      :title="$t('Feed.Refresh Feed', { subscriptionName: title })"
       :size="12"
       theme="primary"
       @click="$emit('click')"

src/renderer/components/subscriptions-community/subscriptions-community.vue

@@ -7,6 +7,7 @@
     :is-community="true"
     :initial-data-limit="20"
     :last-refresh-timestamp="lastCommunityRefreshTimestamp"
+    :title="$t('Global.Community')"
     @refresh="loadPostsForSubscriptionsFromRemote"
   />
 </template>

src/renderer/components/subscriptions-live/subscriptions-live.vue

@@ -5,6 +5,7 @@
     :error-channels="errorChannels"
     :attempted-fetch="attemptedFetch"
     :last-refresh-timestamp="lastLiveRefreshTimestamp"
+    :title="$t('Global.Live')"
     @refresh="loadVideosForSubscriptionsFromRemote"
   />
 </template>

src/renderer/components/subscriptions-shorts/subscriptions-shorts.vue

@@ -5,6 +5,7 @@
     :error-channels="errorChannels"
     :attempted-fetch="attemptedFetch"
     :last-refresh-timestamp="lastShortRefreshTimestamp"
+    :title="$t('Global.Shorts')"
     @refresh="loadVideosForSubscriptionsFromRemote"
   />
 </template>

src/renderer/components/subscriptions-tab-ui/subscriptions-tab-ui.js

@@ -47,6 +47,10 @@ export default defineComponent({
     lastRefreshTimestamp: {
       type: String,
       required: true
+    },
+    title: {
+      type: String,
+      required: true
     }
   },
   data: function () {
@@ -55,10 +59,6 @@ export default defineComponent({
     }
   },
   computed: {
-    currentLocale: function () {
-      return this.$i18n.locale.replace('_', '-')
-    },
-
     activeVideoList: function () {
       if (this.videoList.length < this.dataLimit) {
         return this.videoList

src/renderer/components/subscriptions-tab-ui/subscriptions-tab-ui.vue

@@ -57,9 +57,8 @@
     </ft-flex-box>
     <ft-refresh-widget
       v-if="!isLoading"
-      class="ref"
       :last-refresh-timestamp="lastRefreshTimestamp"
-      :title="$t('Subscriptions.Refresh Subscriptions')"
+      :title="title"
       @click="$emit('refresh')"
     />
   </div>

src/renderer/components/subscriptions-videos/subscriptions-videos.vue

@@ -5,6 +5,7 @@
     :error-channels="errorChannels"
     :last-refresh-timestamp="lastVideoRefreshTimestamp"
     :attempted-fetch="attemptedFetch"
+    :title="$t('Global.Videos')"
     @refresh="loadVideosForSubscriptionsFromRemote"
   />
 </template>

src/renderer/views/Popular/Popular.vue

@@ -15,9 +15,8 @@
     </ft-card>
     <ft-refresh-widget
       v-if="!isLoading"
-      class="ref"
       :last-refresh-timestamp="lastPopularRefreshTimestamp"
-      :title="$t('Refresh Most Popular')"
+      :title="$t('Most Popular')"
       @click="fetchPopularInfo"
     />
   </div>

src/renderer/views/Trending/Trending.vue

@@ -88,7 +88,7 @@
     <ft-refresh-widget
       v-if="!isLoading"
       :last-refresh-timestamp="lastTrendingRefreshTimestamp"
-      :title="$t('Refresh Trending')"
+      :title="$t('Trending.Trending')"
       @click="getTrendingInfo(true)"
     />
   </div>

static/locales/en-US.yaml

@@ -106,8 +106,6 @@ Subscriptions:
   Empty Channels: Your subscribed channels currently does not have any videos.
   'Getting Subscriptions. Please wait.': Getting Subscriptions. Please wait.
   Empty Posts: Your subscribed channels currently do not have any posts.
-  Feed last updated: 'Feed last updated: {date}'
-  Refresh Subscriptions: Refresh Subscriptions
   Load More Videos: Load More Videos
   Load More Posts: Load More Posts
   Subscriptions Tabs: Subscriptions Tabs
@@ -130,8 +128,9 @@ Trending:
   Movies: Movies
   Trending Tabs: Trending Tabs
 Most Popular: Most Popular
-Refresh Most Popular: Refresh Most Popular
-Refresh Trending: Refresh Trending
+Feed:
+  Feed Last Updated: '{feedName} feed last updated: {date}'
+  Refresh Feed: Refresh {subscriptionName}
 Playlists: Playlists
 User Playlists:
   Your Playlists: Your Playlists