From ca1a3d5b43e3cbb4ed3f026906bc1773009d7479 Mon Sep 17 00:00:00 2001
From: macks36 <53250558+macks36@users.noreply.github.com>
Date: Tue, 19 Jul 2022 21:47:04 +0200
Subject: [PATCH 1/3] show minimize recommendations button on desktop

---
 src/components/WatchVideo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 64c4e86d..35c132ae 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -182,12 +182,12 @@
                     :selected-index="index"
                 />
                 <a
-                    class="btn mb-2 sm:hidden"
+                    class="btn mb-2"
                     @click="showRecs = !showRecs"
                     v-t="`actions.${showRecs ? 'minimize_recommendations' : 'show_recommendations'}`"
                 />
                 <hr v-show="showRecs" />
-                <div v-show="showRecs || !smallView">
+                <div v-show="showRecs">
                     <VideoItem
                         v-for="related in video.relatedStreams"
                         :key="related.url"

From 29a0c0b1f447a2d37c6b85a72d5727252ff87ed8 Mon Sep 17 00:00:00 2001
From: macks36 <53250558+macks36@users.noreply.github.com>
Date: Tue, 19 Jul 2022 21:56:16 +0200
Subject: [PATCH 2/3] add preference minimize recommendations by default

---
 src/components/PreferencesPage.vue | 13 +++++++++++++
 src/components/WatchVideo.vue      |  1 +
 2 files changed, 14 insertions(+)

diff --git a/src/components/PreferencesPage.vue b/src/components/PreferencesPage.vue
index 51857fc4..34b8fd6c 100644
--- a/src/components/PreferencesPage.vue
+++ b/src/components/PreferencesPage.vue
@@ -124,6 +124,16 @@
         @change="onChange($event)"
     />
     <br />
+    <label for="chkMinimizeRecommendations"><strong v-t="'actions.minimize_recommendations_default'" /></label>
+    <br />
+    <input
+        id="chkMinimizeRecommendations"
+        v-model="minimizeRecommendations"
+        class="checkbox"
+        type="checkbox"
+        @change="onChange($event)"
+    />
+    <br />
     <label for="chkStoreWatchHistory"><strong v-t="'actions.store_watch_history'" /></label>
     <br />
     <input
@@ -250,6 +260,7 @@ export default {
             defaultHomepage: "trending",
             showComments: true,
             minimizeDescription: false,
+            minimizeRecommendations: false,
             watchHistory: false,
             selectedLanguage: "en",
             languages: [
@@ -380,6 +391,7 @@ export default {
             this.defaultHomepage = this.getPreferenceString("homepage", "trending");
             this.showComments = this.getPreferenceBoolean("comments", true);
             this.minimizeDescription = this.getPreferenceBoolean("minimizeDescription", false);
+            this.minimizeRecommendations = this.getPreferenceBoolean("minimizeRecommendations", false);
             this.watchHistory = this.getPreferenceBoolean("watchHistory", false);
             this.selectedLanguage = this.getPreferenceString("hl", await this.defaultLangage);
             this.enabledCodecs = this.getPreferenceString("enabledCodecs", "vp9,avc").split(",");
@@ -434,6 +446,7 @@ export default {
                 localStorage.setItem("homepage", this.defaultHomepage);
                 localStorage.setItem("comments", this.showComments);
                 localStorage.setItem("minimizeDescription", this.minimizeDescription);
+                localStorage.setItem("minimizeRecommendations", this.minimizeRecommendations);
                 localStorage.setItem("watchHistory", this.watchHistory);
                 localStorage.setItem("hl", this.selectedLanguage);
                 localStorage.setItem("enabledCodecs", this.enabledCodecs.join(","));
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 35c132ae..a31dc295 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -322,6 +322,7 @@ export default {
         this.active = true;
         this.selectedAutoPlay = this.getPreferenceBoolean("autoplay", false);
         this.showDesc = !this.getPreferenceBoolean("minimizeDescription", false);
+        this.showRecs = !this.getPreferenceBoolean("minimizeRecommendations", false);
         if (this.video.duration) {
             document.title = this.video.title + " - Piped";
             this.$refs.videoPlayer.loadVideo();

From 3ed9e710c38534896ed0d74adcc49c6e36a3b5ed Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Wed, 20 Jul 2022 20:22:06 +0530
Subject: [PATCH 3/3] Add translation string for minimizing recommendations.

---
 src/locales/en.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 09c1a913..1909e9d4 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -82,7 +82,8 @@
         "delete_playlist_confirm": "Are you sure you want to delete this playlist?",
         "please_select_playlist": "Please select a playlist",
         "delete_account": "Delete Account",
-        "logout": "Logout"
+        "logout": "Logout",
+        "minimize_recommendations_default": "Minimize Recommendations by default"
     },
     "comment": {
         "pinned_by": "Pinned by"