fix: type errors and design

This commit is contained in:
Fredrik Burmester
2024-12-08 15:59:03 +01:00
parent 15073f47db
commit 5e9b28f2eb
2 changed files with 74 additions and 56 deletions

View File

@@ -44,7 +44,11 @@ export const SeasonDropdown: React.FC<Props> = ({
},
[item]
);
const seasonIndex = useMemo(() => state[item[keys.id] ?? ""], [state]);
const seasonIndex = useMemo(
() => state[(item[keys.id] as string) ?? ""],
[state]
);
useEffect(() => {
if (seasons && seasons.length > 0 && seasonIndex === undefined) {
@@ -80,12 +84,12 @@ export const SeasonDropdown: React.FC<Props> = ({
}, [seasons, seasonIndex, item[keys.id], initialSeasonIndex]);
const sortByIndex = (a: BaseItemDto, b: BaseItemDto) =>
a[keys.index] - b[keys.index];
Number(a[keys.index]) - Number(b[keys.index]);
return (
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<View className="flex flex-row px-4">
<View className="flex flex-row">
<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>