chore

components/common/TouchableItemRouter.tsx

@@ -0,0 +1,36 @@
+import {
+  TouchableOpacity,
+  TouchableOpacityProps,
+  View,
+  ViewProps,
+} from "react-native";
+import { Text } from "@/components/common/Text";
+import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
+import { PropsWithChildren } from "react";
+import { useRouter } from "expo-router";
+
+interface Props extends TouchableOpacityProps {
+  item: BaseItemDto;
+}
+
+export const TouchableItemRouter: React.FC<PropsWithChildren<Props>> = ({
+  item,
+  children,
+  ...props
+}) => {
+  const router = useRouter();
+  return (
+    <TouchableOpacity
+      onPress={() => {
+        if (item.Type === "Series") router.push(`/series/${item.Id}`);
+        if (item.Type === "Episode") router.push(`/items/${item.Id}`);
+        if (item.Type === "MusicAlbum") router.push(`/albums/${item.Id}`);
+        if (item.Type === "Movie") router.push(`/songs/${item.Id}`);
+        if (item.Type === "BoxSet") router.push(`/collections/${item.Id}`);
+      }}
+      {...props}
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};