From 2d0384b0ede9fc377a6b8b49cb9cbc4ab46269bc Mon Sep 17 00:00:00 2001
From: Ivan Evans <74743263+Pasithea0@users.noreply.github.com>
Date: Wed, 25 Sep 2024 19:33:00 -0600
Subject: [PATCH] add scroll chevrons

---
 src/utils/discoverContent.tsx | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/utils/discoverContent.tsx b/src/utils/discoverContent.tsx
index a8ed0b87..dd98fb81 100644
--- a/src/utils/discoverContent.tsx
+++ b/src/utils/discoverContent.tsx
@@ -980,6 +980,9 @@ export function DiscoverContent() {
         {selectedCategory === "movies" && (
           <>
             <div className="flex justify-center overflow-x-auto">
+              <div className="">
+                {renderScrollButton("tv-providers", "left")}
+              </div>
               <div
                 id="button-carousel-tv-providers"
                 className="flex mb-4 overflow-x-auto scroll-smooth"
@@ -992,9 +995,12 @@ export function DiscoverContent() {
                   {renderMovieProviderButtons()}
                 </div>
               </div>
+              <div className="">
+                {renderScrollButton("tv-providers", "right")}
+              </div>
             </div>
             <div className="flex mb-4 overflow-x-auto">
-              {!isMobile && <div>{renderScrollButton("movies", "left")}</div>}
+              <div className="">{renderScrollButton("movies", "left")}</div>
               <div
                 id="button-carousel-movies"
                 className="flex mb-4 overflow-x-auto scroll-smooth"
@@ -1008,9 +1014,7 @@ export function DiscoverContent() {
                   {renderMovieButtons()}
                 </div>
               </div>
-              {!isMobile && (
-                <div className="">{renderScrollButton("movies", "right")}</div>
-              )}
+              <div className="">{renderScrollButton("movies", "right")}</div>
             </div>
           </>
         )}
@@ -1019,6 +1023,9 @@ export function DiscoverContent() {
         {selectedCategory === "tvshows" && (
           <>
             <div className="flex justify-center overflow-x-auto">
+              <div className="">
+                {renderScrollButton("tv-providers", "left")}
+              </div>
               <div
                 id="button-carousel-tv-providers"
                 className="flex mb-4 overflow-x-auto scroll-smooth"
@@ -1031,11 +1038,12 @@ export function DiscoverContent() {
                   {renderTvProviderButtons()}
                 </div>
               </div>
+              <div className="">
+                {renderScrollButton("tv-providers", "right")}
+              </div>
             </div>
             <div className="flex mb-4 overflow-x-auto">
-              {!isMobile && (
-                <div className="">{renderScrollButton("tvshows", "left")}</div>
-              )}
+              <div className="">{renderScrollButton("tvshows", "left")}</div>
               <div
                 id="button-carousel-tvshows"
                 className="flex mb-4 overflow-x-auto scroll-smooth"
@@ -1049,9 +1057,7 @@ export function DiscoverContent() {
                   {renderTvButtons()}
                 </div>
               </div>
-              {!isMobile && (
-                <div className="">{renderScrollButton("tvshows", "right")}</div>
-              )}
+              <div className="">{renderScrollButton("tvshows", "right")}</div>
             </div>
           </>
         )}