alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-04-06 09:01:54 +01:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Alex Kim
2024-12-08 07:44:35 +11:00
parent a4cd3ea600
commit de4f60f564
2 changed files with 109 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
components/series/SeasonDropdown.tsx
View File

@@ -1,22 +1,22 @@
import {BaseItemDto} from "@jellyfin/sdk/lib/generated-client/models";
import {useEffect, useMemo} from "react";
import {TouchableOpacity, View} from "react-native";
import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
import { useEffect, useMemo } from "react";
import { TouchableOpacity, View } from "react-native";
import * as DropdownMenu from "zeego/dropdown-menu";
import {Text} from "../common/Text";
import { Text } from "../common/Text";
type Props = {
item: BaseItemDto;
seasons: BaseItemDto[];
initialSeasonIndex?: number;
state: SeasonIndexState;
onSelect: (season: BaseItemDto) => void
onSelect: (season: BaseItemDto) => void;
};
type SeasonKeys = {
id: keyof BaseItemDto,
title: keyof BaseItemDto,
index: keyof BaseItemDto
}
id: keyof BaseItemDto;
title: keyof BaseItemDto;
index: keyof BaseItemDto;
};
export type SeasonIndexState = {
[seriesId: string]: number | null | undefined;
@@ -27,19 +27,22 @@ export const SeasonDropdown: React.FC<Props> = ({
seasons,
initialSeasonIndex,
state,
onSelect
onSelect,
}) => {
const keys = useMemo<SeasonKeys>(() =>
item.Type === "Episode" ? {
id: "ParentId",
title: "SeasonName",
index: "ParentIndexNumber"
}
: {
id: "Id",
title: "Name",
index: "IndexNumber"
}, [item]
const keys = useMemo<SeasonKeys>(
() =>
item.Type === "Episode"
? {
id: "ParentId",
title: "SeasonName",
index: "ParentIndexNumber",
}
: {
id: "Id",
title: "Name",
index: "IndexNumber",
},
[item]
);
const seasonIndex = useMemo(() => state[item[keys.id] ?? ""], [state]);
@@ -62,28 +65,28 @@ export const SeasonDropdown: React.FC<Props> = ({
const season1 = seasons.find((season: any) => season[keys.index] === 1);
const season0 = seasons.find((season: any) => season[keys.index] === 0);
const firstSeason = season1 || season0 || seasons[0];
onSelect(firstSeason)
onSelect(firstSeason);
}
if (initialIndex !== undefined) {
const initialSeason = seasons.find((season: any) =>
season[keys.index] === initialIndex
)
const initialSeason = seasons.find(
(season: any) => season[keys.index] === initialIndex
);
if (initialSeason) onSelect(initialSeason!)
else throw Error("Initial index could not be found!")
if (initialSeason) onSelect(initialSeason!);
else throw Error("Initial index could not be found!");
}
}
}, [seasons, seasonIndex, item[keys.id], initialSeasonIndex]);
const sortByIndex = (a: BaseItemDto, b: BaseItemDto) => a[keys.index] - b[keys.index];
const sortByIndex = (a: BaseItemDto, b: BaseItemDto) =>
a[keys.index] - b[keys.index];
return (
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<View className="flex flex-row px-4">
<TouchableOpacity
className="bg-neutral-900 rounded-2xl border-neutral-900 border px-3 py-2 flex flex-row items-center justify-between">
<TouchableOpacity className="bg-neutral-900 rounded-2xl border-neutral-900 border px-3 py-2 flex flex-row items-center justify-between">
<Text>Season {seasonIndex}</Text>
</TouchableOpacity>
</View>
@@ -103,7 +106,9 @@ export const SeasonDropdown: React.FC<Props> = ({
key={season[keys.title]}
onSelect={() => onSelect(season)}
>
<DropdownMenu.ItemTitle>{season[keys.title]}</DropdownMenu.ItemTitle>
<DropdownMenu.ItemTitle>
{season[keys.title]}
</DropdownMenu.ItemTitle>
</DropdownMenu.Item>
))}
</DropdownMenu.Content>