movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: cleanup headerdata stuff

Browse Source
This commit is contained in:
Adrian Castro
2024-02-12 19:26:00 +01:00
parent a397974325
commit f18a5421e5
2 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/expo/src/components/player/Header.tsx
View File

@@ -5,15 +5,26 @@ import { Text } from "../ui/Text";
import { BackButton } from "./BackButton";
import { Controls } from "./Controls";
interface HeaderProps {
export interface HeaderData {
title: string;
year: number;
season?: number;
episode?: number;
}
export const Header = ({ title }: HeaderProps) => {
interface HeaderProps {
data: HeaderData;
}
export const Header = ({ data }: HeaderProps) => {
return (
<Controls className="absolute top-0 flex w-full flex-row items-center justify-between px-6 pt-6">
<BackButton className="w-36" />
<Text className="font-bold">{title}</Text>
<Text className="font-bold">
{data.season && data.episode
? `${data.title} (${data.year}) S${data.season.toString().padStart(2, "0")}E${data.episode.toString().padStart(2, "0")}`
: `${data.title} (${data.year})`}
</Text>
<View className="flex w-36 flex-row items-center justify-center gap-2 space-x-2 rounded-full bg-secondary-300 px-4 py-2 opacity-80">
<Image source={Icon} className="h-6 w-6" />
<Text className="font-bold">movie-web</Text>