mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-29 16:07:40 +01:00
Code Issues Wiki Activity

Polish flix page until i am ready to code it up

Browse source
This commit is contained in:
Cooper Ransom 2024-03-14 22:11:21 -04:00
parent 4307f72816
commit b138eda9b6
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/TopFlix.tsx
View file

@ -1,5 +1,6 @@
import classNames from "classnames"; import classNames from "classnames";
import { ReactNode, useEffect, useState } from "react"; 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 { getMediaPoster } from "@/backend/metadata/tmdb";
import { ThiccContainer } from "@/components/layout/ThinContainer"; import { ThiccContainer } from "@/components/layout/ThinContainer";
@ -33,7 +34,14 @@ function ConfigValue(props: { name: string; children?: ReactNode }) {
return ( return (
<> <>
<div className="flex"> <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> <p>{props.children}</p>
</div> </div>
<Divider marginClass="my-3" /> <Divider marginClass="my-3" />
@ -129,7 +137,7 @@ export function TopFlix() {
return ( return (
<ConfigValue key={item.tmdbFullId} name={item.title}> <ConfigValue key={item.tmdbFullId} name={item.title}>
{`${item.providerId} - Provided: ${successText}, Views: ${item.count}`} {`${item.providerId} - Provided: ${successText}, Views: ${item.count}`}
<img src={coverUrl} alt={item.title} /> {/*<img src={coverUrl} alt={item.title} />*/}
</ConfigValue> </ConfigValue>
); );
})} })}
@ -142,7 +150,7 @@ export function TopFlix() {
Previous page Previous page
</Button> </Button>
<div> <div>
Page {currentPage} of{" "} {currentPage} /{" "}
{Math.ceil(recentPlayedItems.length / itemsPerPage)} {Math.ceil(recentPlayedItems.length / itemsPerPage)}
</div> </div>
<Button <Button