From b138eda9b651bf3aaf0c3356a5a6060a47bd4f4a Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Thu, 14 Mar 2024 22:11:21 -0400
Subject: [PATCH] Polish flix page until i am ready to code it up

---
 src/pages/TopFlix.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/TopFlix.tsx b/src/pages/TopFlix.tsx
index 38117ac1..5878feb9 100644
--- a/src/pages/TopFlix.tsx
+++ b/src/pages/TopFlix.tsx
@@ -1,5 +1,6 @@
 import classNames from "classnames";
 import { ReactNode, useEffect, useState } from "react";
+import { Link } from "react-router-dom"; // Import Link from react-router-dom
 
 import { getMediaPoster } from "@/backend/metadata/tmdb";
 import { ThiccContainer } from "@/components/layout/ThinContainer";
@@ -33,7 +34,14 @@ function ConfigValue(props: { name: string; children?: ReactNode }) {
   return (
     <>
       <div className="flex">
-        <p className="flex-1 font-bold text-white pr-5">{props.name}</p>
+        <p className="flex-1 font-bold text-white pr-5">
+          <Link
+            to={`https://sudo-flix.lol/browse/${props.name}`}
+            className="hover:underline"
+          >
+            {props.name}
+          </Link>
+        </p>
         <p>{props.children}</p>
       </div>
       <Divider marginClass="my-3" />
@@ -129,7 +137,7 @@ export function TopFlix() {
             return (
               <ConfigValue key={item.tmdbFullId} name={item.title}>
                 {`${item.providerId} - Provided: ${successText}, Views: ${item.count}`}
-                <img src={coverUrl} alt={item.title} />
+                {/*<img src={coverUrl} alt={item.title} />*/}
               </ConfigValue>
             );
           })}
@@ -142,7 +150,7 @@ export function TopFlix() {
               Previous page
             </Button>
             <div>
-              Page {currentPage} of{" "}
+              {currentPage} /{" "}
               {Math.ceil(recentPlayedItems.length / itemsPerPage)}
             </div>
             <Button