From 22a136577fbe947d6c09c8de55b4105f2776c0b9 Mon Sep 17 00:00:00 2001
From: Jason Henriquez <jasonhenriquez@protonmail.com>
Date: Mon, 3 Jun 2024 21:36:15 -0500
Subject: [PATCH] Update nav icon titles to reflect new behavior, & make their
 title text show even when disabled

---
 src/renderer/components/top-nav/top-nav.js   | 4 ++--
 src/renderer/components/top-nav/top-nav.scss | 8 +++++---
 src/renderer/store/modules/utils.js          | 4 ++++
 static/locales/en-US.yaml                    | 4 ++--
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/top-nav/top-nav.js b/src/renderer/components/top-nav/top-nav.js
index fff1efbdf05a..73f23543b1b6 100644
--- a/src/renderer/components/top-nav/top-nav.js
+++ b/src/renderer/components/top-nav/top-nav.js
@@ -95,11 +95,11 @@ export default defineComponent({
     },
 
     forwardText: function () {
-      return this.$t('Forward')
+      return this.$t('Click to go forward, right-click or hold to see history')
     },
 
     backwardText: function () {
-      return this.$t('Back')
+      return this.$t('Click to go back, right-click or hold to see history')
     },
 
     newWindowText: function () {
diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
index cb2f5b60a127..48864edc7fcb 100644
--- a/src/renderer/components/top-nav/top-nav.scss
+++ b/src/renderer/components/top-nav/top-nav.scss
@@ -53,12 +53,14 @@
 
 .arrowDisabled :deep(.iconButton) {
   color: #808080;
+  background-color: inherit;
   opacity: 0.5;
-  pointer-events: none;
+  pointer-events: auto;
+  cursor: default;
   user-select: none;
 }
 
-.navIcon, :deep(.iconButton) {
+.navIcon, :deep(.ftIconButton:not(.arrowDisabled) .iconButton) {
   border-radius: 50%;
   color: var(--primary-text-color);
   cursor: pointer;
@@ -82,7 +84,7 @@
   }
 }
 
-.topNavBarColor .navIcon, .topNavBarColor :deep(.iconButton)  {
+.topNavBarColor .navIcon, .topNavBarColor :deep(.ftIconButton:not(.arrowDisabled) .iconButton)  {
   &:hover {
     background-color: var(--primary-color-hover);
   }
diff --git a/src/renderer/store/modules/utils.js b/src/renderer/store/modules/utils.js
index 3026ad93e0b9..e44443c1f91a 100644
--- a/src/renderer/store/modules/utils.js
+++ b/src/renderer/store/modules/utils.js
@@ -869,6 +869,10 @@ const mutations = {
     }
   },
 
+  setShowAddToPlaylistPrompt (state, payload) {
+    state.showAddToPlaylistPrompt = payload
+  },
+
   setSessionNavigationHistoryCurrentIndex (state, value) {
     state.sessionNavigationHistoryCurrentIndex = value
   },
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index c1bf4dec855b..eeadf377e010 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -27,8 +27,8 @@ Toggle fullscreen: Toggle fullscreen
 Window: Window
 Minimize: Minimize
 Close: Close
-Back: Back
-Forward: Forward
+Click to go back, right-click or hold to see history: Click to go back, right-click or hold to see history
+Click to go forward, right-click or hold to see history: Click to go forward, right-click or hold to see history
 Open New Window: Open New Window
 Go to page: Go to {page}
 Close Banner: Close Banner