From 0889d7ff27526ad3fc04810aa5b1a8abd7cb422e Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Tue, 2 Apr 2024 19:01:11 -0400
Subject: [PATCH] Fuck wit topflix

---
 src/assets/locales/en.json |  1 +
 src/pages/TopFlix.tsx      | 52 ++++++++++----------------------------
 2 files changed, 15 insertions(+), 38 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 9d889943..4f2ab9bd 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -111,6 +111,7 @@
       "dmca": "DMCA",
       "topSources": "Top Sources",
       "topFlix": "Top Flix",
+      "discover": "Discover",
       "support": "Support",
       "login": "Login",
       "onboarding": "Setup",
diff --git a/src/pages/TopFlix.tsx b/src/pages/TopFlix.tsx
index b18cdd60..ad1a67ba 100644
--- a/src/pages/TopFlix.tsx
+++ b/src/pages/TopFlix.tsx
@@ -247,7 +247,7 @@ export function TopFlix() {
             carouselRefs.current[categorySlug] = el;
           }}
         >
-          {medias.slice(0, 100).map((media) => (
+          {medias.slice(0, 5).map((media) => (
             <a
               key={media.id}
               href={`media/tmdb-${isTVShow ? "tv" : "movie"}-${media.id}-${
@@ -286,23 +286,25 @@ export function TopFlix() {
             </a>
           ))}
         </div>
-        <div className="absolute top-10 bottom-10 left-0 w-10 bg-gradient-to-r from-black to-transparent" />
-        <div className="absolute top-10 bottom-10 right-0 w-10 bg-gradient-to-l from-black to-transparent" />
         <button
           type="button" // Added type attribute with value "button"
-          title="button1"
-          className="absolute top-1/2 left-2 transform -translate-y-1/2 z-10"
+          title="Back"
+          className="absolute top-1/2 transform -translate-y-1/2 z-10"
           onClick={() => scrollCarousel(categorySlug, "left")}
         >
-          <Icon icon={Icons.ARROW_LEFT} />
+          <div className="cursor-pointer hover:text-white flex justify-center items-center h-10 w-10 rounded-full hover:bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">
+            <Icon icon={Icons.ARROW_LEFT} />
+          </div>
         </button>
         <button
           type="button" // Added type attribute with value "button"
-          title="button2"
-          className="absolute top-1/2 right-2 transform -translate-y-1/2 z-10"
+          title="Next"
+          className="absolute top-1/2 right-4 transform -translate-y-1/2 z-10"
           onClick={() => scrollCarousel(categorySlug, "right")}
         >
-          <Icon icon={Icons.ARROW_RIGHT} />
+          <div className="cursor-pointer hover:text-white flex justify-center items-center h-10 w-10 rounded-full hover:bg-search-hoverBackground active:scale-110 transition-[transform,background-color] duration-200">
+            <Icon icon={Icons.ARROW_RIGHT} />
+          </div>
         </button>
       </div>
     );
@@ -397,38 +399,12 @@ export function TopFlix() {
         <Helmet>
           <title>{t("global.name")}</title>
         </Helmet>
-        {/* Removed HeroPart component */}
         <ThinContainer>
           <div className="mt-44 space-y-16 text-center">
             <div className="relative z-10 mb-16">
-              <h1 className="text-4xl font-bold text-white">Explore</h1>
-              <p className="mb-6">
-                Credits to{" "}
-                <a
-                  href="https://github.com/TecEash1/movie-web/tree/master"
-                  className="text-white"
-                  style={{
-                    color: "#a470dc",
-                    textShadow: "0 0 5px #76519f",
-                    fontWeight: "bold",
-                  }}
-                >
-                  TecEash1
-                </a>{" "}
-                and{" "}
-                <a
-                  href="https://github.com/pranavsatav"
-                  className="text-white"
-                  style={{
-                    color: "#a470dc",
-                    textShadow: "0 0 5px #76519f",
-                    fontWeight: "bold",
-                  }}
-                >
-                  Aqua Rose
-                </a>{" "}
-                for making this page possible.
-              </p>
+              <h1 className="text-4xl font-bold text-white">
+                {t("global.pages.discover")}
+              </h1>
             </div>
           </div>
         </ThinContainer>