streamyfin_mirror/components/series/CurrentSeries.tsx

import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
import { router } from "expo-router";
import React from "react";
import { TouchableOpacity, View } from "react-native";
import Poster from "../Poster";
import { HorizontalScroll } from "../common/HorrizontalScroll";
import { Text } from "../common/Text";

export const CurrentSeries = ({ item }: { item: BaseItemDto }) => {
  return (
    <View>
      <Text className="text-lg font-bold mb-2">Series</Text>
      <HorizontalScroll<BaseItemDto>
        data={[item]}
        renderItem={(item, index) => (
          <TouchableOpacity
            key={item.Id}
            onPress={() => router.push(`/series/${item.SeriesId}/page`)}
            className="flex flex-col space-y-2 w-32"
          >
            <Poster itemId={item.ParentBackdropItemId} />
            <Text>{item.SeriesName}</Text>
          </TouchableOpacity>
        )}
      />
    </View>
  );
};