wip

components/common/ColumnItem.tsx

@@ -1,7 +1,6 @@
-import { useMemo } from "react";
-import { StyleSheet, View, type ViewProps } from "react-native";
+import { View, type ViewProps } from "react-native";
 
-const getItemStyle = (index: number, numColumns: number) => {
+const _getItemStyle = (index: number, numColumns: number) => {
   const alignItems = (() => {
     if (numColumns < 2 || index % numColumns === 0) return "flex-start";
     if ((index + 1) % numColumns === 0) return "flex-end";

components/common/Dropdown.tsx

@@ -1,13 +1,14 @@
 const DropdownMenu = !Platform.isTV ? require("zeego/dropdown-menu") : null;
-import { Text } from "@/components/common/Text";
-import DisabledSetting from "@/components/settings/DisabledSetting";
-import React, {
+
+import {
   type PropsWithChildren,
   type ReactNode,
   useEffect,
   useState,
 } from "react";
 import { Platform, TouchableOpacity, View, type ViewProps } from "react-native";
+import { Text } from "@/components/common/Text";
+import DisabledSetting from "@/components/settings/DisabledSetting";
 
 interface Props<T> {
   data: T[];
@@ -58,7 +59,7 @@ const Dropdown = <T,>({
               </TouchableOpacity>
             </View>
           ) : (
-            <>{title}</>
+            title
           )}
         </DropdownMenu.Trigger>
         <DropdownMenu.Content
@@ -71,7 +72,7 @@ const Dropdown = <T,>({
           sideOffset={0}
         >
           <DropdownMenu.Label>{label}</DropdownMenu.Label>
-          {data.map((item, idx) =>
+          {data.map((item, _idx) =>
             multiple ? (
               <DropdownMenu.CheckboxItem
                 value={
@@ -80,7 +81,10 @@ const Dropdown = <T,>({
                     : "off"
                 }
                 key={keyExtractor(item)}
-                onValueChange={(next: "on" | "off", previous: "on" | "off") => {
+                onValueChange={(
+                  next: "on" | "off",
+                  _previous: "on" | "off",
+                ) => {
                   setSelected((p) => {
                     const prev = p || [];
                     if (next === "on") {

components/common/HeaderBackButton.tsx

@@ -1,4 +1,3 @@
-import { Text } from "@/components/common/Text";
 import { Ionicons } from "@expo/vector-icons";
 import { BlurView, type BlurViewProps } from "expo-blur";
 import { useRouter } from "expo-router";
@@ -6,8 +5,6 @@ import {
   Platform,
   TouchableOpacity,
   type TouchableOpacityProps,
-  View,
-  ViewProps,
 } from "react-native";
 
 interface Props extends BlurViewProps {

components/common/InfiniteHorrizontalScroll.tsx

@@ -1,4 +1,3 @@
-import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import type {
   BaseItemDto,
   BaseItemDtoQueryResult,
@@ -14,6 +13,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
+import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import { Loader } from "../Loader";
 import { Text } from "./Text";
 

components/common/ItemImage.tsx

@@ -1,11 +1,11 @@
-import { apiAtom } from "@/providers/JellyfinProvider";
-import { getItemImage } from "@/utils/getItemImage";
 import { Ionicons } from "@expo/vector-icons";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { Image, type ImageProps } from "expo-image";
 import { useAtom } from "jotai";
 import { type FC, useMemo } from "react";
 import { View, type ViewProps } from "react-native";
+import { apiAtom } from "@/providers/JellyfinProvider";
+import { getItemImage } from "@/utils/getItemImage";
 
 interface Props extends ImageProps {
   item: BaseItemDto;

components/common/JellyseerrItemRouter.tsx

@@ -1,9 +1,13 @@
+import { useRouter, useSegments } from "expo-router";
+import type React from "react";
+import { type PropsWithChildren, useCallback, useMemo } from "react";
+import { TouchableOpacity, type TouchableOpacityProps } from "react-native";
 import * as ContextMenu from "@/components/ContextMenu";
 import { useJellyseerr } from "@/hooks/useJellyseerr";
 import { MediaType } from "@/utils/jellyseerr/server/constants/media";
 import {
-  Permission,
   hasPermission,
+  Permission,
 } from "@/utils/jellyseerr/server/lib/permissions";
 import type { MovieDetails } from "@/utils/jellyseerr/server/models/Movie";
 import type {
@@ -11,10 +15,6 @@ import type {
   TvResult,
 } from "@/utils/jellyseerr/server/models/Search";
 import type { TvDetails } from "@/utils/jellyseerr/server/models/Tv";
-import { useRouter, useSegments } from "expo-router";
-import type React from "react";
-import { type PropsWithChildren, useCallback, useMemo } from "react";
-import { TouchableOpacity, type TouchableOpacityProps } from "react-native";
 
 interface Props extends TouchableOpacityProps {
   result?: MovieResult | TvResult | MovieDetails | TvDetails;

components/common/Text.tsx

@@ -1,6 +1,4 @@
-import React from "react";
-import { Platform, type TextProps } from "react-native";
-import { Text as RNText } from "react-native";
+import { Platform, Text as RNText, type TextProps } from "react-native";
 import { UITextView } from "react-native-uitextview";
 export function Text(
   props: TextProps & {

components/common/TouchableItemRouter.tsx

@@ -1,5 +1,3 @@
-import { useFavorite } from "@/hooks/useFavorite";
-import { useMarkAsPlayed } from "@/hooks/useMarkAsPlayed";
 import { useActionSheet } from "@expo/react-native-action-sheet";
 import type {
   BaseItemDto,
@@ -8,6 +6,8 @@ import type {
 import { useRouter, useSegments } from "expo-router";
 import { type PropsWithChildren, useCallback } from "react";
 import { TouchableOpacity, type TouchableOpacityProps } from "react-native";
+import { useFavorite } from "@/hooks/useFavorite";
+import { useMarkAsPlayed } from "@/hooks/useMarkAsPlayed";
 
 interface Props extends TouchableOpacityProps {
   item: BaseItemDto;
@@ -17,10 +17,6 @@ export const itemRouter = (
   item: BaseItemDto | BaseItemPerson,
   from: string,
 ) => {
-  if ("CollectionType" in item && item.CollectionType === "livetv") {
-    return `/(auth)/(tabs)/${from}/livetv`;
-  }
-
   if (item.Type === "Series") {
     return `/(auth)/(tabs)/${from}/series/${item.Id}`;
   }

components/common/VerticalSkeleton.tsx

@@ -1,4 +1,3 @@
-import { Text } from "@/components/common/Text";
 import { View, type ViewProps } from "react-native";
 
 interface Props extends ViewProps {