fix: bump biome and fix error (#864)

components/jellyseerr/Cast.tsx

@@ -1,11 +1,11 @@
-import { Text } from "@/components/common/Text";
-import PersonPoster from "@/components/jellyseerr/PersonPoster";
-import type { MovieDetails } from "@/utils/jellyseerr/server/models/Movie";
-import type { TvDetails } from "@/utils/jellyseerr/server/models/Tv";
 import { FlashList } from "@shopify/flash-list";
 import type React from "react";
 import { useTranslation } from "react-i18next";
 import { View, type ViewProps } from "react-native";
+import { Text } from "@/components/common/Text";
+import PersonPoster from "@/components/jellyseerr/PersonPoster";
+import type { MovieDetails } from "@/utils/jellyseerr/server/models/Movie";
+import type { TvDetails } from "@/utils/jellyseerr/server/models/Tv";
 
 const CastSlide: React.FC<
   { details?: MovieDetails | TvDetails } & ViewProps

components/jellyseerr/DetailFacts.tsx

@@ -1,15 +1,15 @@
-import { Text } from "@/components/common/Text";
-import { useJellyseerr } from "@/hooks/useJellyseerr";
-import { ANIME_KEYWORD_ID } from "@/utils/jellyseerr/server/api/themoviedb/constants";
-import type { TmdbRelease } from "@/utils/jellyseerr/server/api/themoviedb/interfaces";
-import type { MovieDetails } from "@/utils/jellyseerr/server/models/Movie";
-import type { TvDetails } from "@/utils/jellyseerr/server/models/Tv";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import { uniqBy } from "lodash";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { View, type ViewProps } from "react-native";
 import CountryFlag from "react-native-country-flag";
+import { Text } from "@/components/common/Text";
+import { useJellyseerr } from "@/hooks/useJellyseerr";
+import { ANIME_KEYWORD_ID } from "@/utils/jellyseerr/server/api/themoviedb/constants";
+import type { TmdbRelease } from "@/utils/jellyseerr/server/api/themoviedb/interfaces";
+import type { MovieDetails } from "@/utils/jellyseerr/server/models/Movie";
+import type { TvDetails } from "@/utils/jellyseerr/server/models/Tv";
 
 interface Release {
   certification: string;

components/jellyseerr/JellyseerrIndexPage.tsx

@@ -1,3 +1,13 @@
+import { orderBy, uniqBy } from "lodash";
+import type React from "react";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { View, type ViewProps } from "react-native";
+import {
+  useAnimatedReaction,
+  useSharedValue,
+  withTiming,
+} from "react-native-reanimated";
 import Discover from "@/components/jellyseerr/discover/Discover";
 import { useJellyseerr } from "@/hooks/useJellyseerr";
 import { MediaType } from "@/utils/jellyseerr/server/constants/media";
@@ -7,17 +17,6 @@ import type {
   TvResult,
 } from "@/utils/jellyseerr/server/models/Search";
 import { useReactNavigationQuery } from "@/utils/useReactNavigationQuery";
-import { orderBy, uniqBy } from "lodash";
-import type React from "react";
-import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { View, type ViewProps } from "react-native";
-import {
-  useAnimatedReaction,
-  useAnimatedStyle,
-  useSharedValue,
-  withTiming,
-} from "react-native-reanimated";
 import { Text } from "../common/Text";
 import JellyseerrPoster from "../posters/JellyseerrPoster";
 import { LoadingSkeleton } from "../search/LoadingSkeleton";

components/jellyseerr/JellyseerrMediaIcon.tsx

@@ -1,7 +1,7 @@
-import { MediaType } from "@/utils/jellyseerr/server/constants/media";
 import { Feather, MaterialCommunityIcons } from "@expo/vector-icons";
 import { useMemo } from "react";
 import { View, type ViewProps } from "react-native";
+import { MediaType } from "@/utils/jellyseerr/server/constants/media";
 
 const JellyseerrMediaIcon: React.FC<
   { mediaType: "tv" | "movie" } & ViewProps

components/jellyseerr/JellyseerrStatusIcon.tsx

@@ -1,7 +1,7 @@
-import { MediaStatus } from "@/utils/jellyseerr/server/constants/media";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { useEffect, useState } from "react";
 import { TouchableOpacity, View, type ViewProps } from "react-native";
+import { MediaStatus } from "@/utils/jellyseerr/server/constants/media";
 
 interface Props {
   mediaStatus?: MediaStatus;

components/jellyseerr/ParallaxSlideShow.tsx

@@ -1,7 +1,4 @@
-import { ParallaxScrollView } from "@/components/ParallaxPage";
-import { Text } from "@/components/common/Text";
 import { FlashList } from "@shopify/flash-list";
-import { useFocusEffect } from "expo-router";
 import type React from "react";
 import {
   type PropsWithChildren,
@@ -10,9 +7,10 @@ import {
   useRef,
   useState,
 } from "react";
-import { Dimensions, View, type ViewProps } from "react-native";
-import { Animated } from "react-native";
+import { Animated, View, type ViewProps } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { Text } from "@/components/common/Text";
+import { ParallaxScrollView } from "@/components/ParallaxPage";
 
 const ANIMATION_ENTER = 250;
 const ANIMATION_EXIT = 250;

components/jellyseerr/PersonPoster.tsx

@@ -1,9 +1,9 @@
-import { Text } from "@/components/common/Text";
-import Poster from "@/components/posters/Poster";
-import { useJellyseerr } from "@/hooks/useJellyseerr";
 import { useRouter, useSegments } from "expo-router";
 import type React from "react";
 import { TouchableOpacity, View, type ViewProps } from "react-native";
+import { Text } from "@/components/common/Text";
+import Poster from "@/components/posters/Poster";
+import { useJellyseerr } from "@/hooks/useJellyseerr";
 
 interface Props {
   id: string;

components/jellyseerr/RequestModal.tsx

@@ -1,3 +1,14 @@
+import {
+  BottomSheetBackdrop,
+  type BottomSheetBackdropProps,
+  BottomSheetModal,
+  BottomSheetView,
+} from "@gorhom/bottom-sheet";
+import type { BottomSheetModalMethods } from "@gorhom/bottom-sheet/lib/typescript/types";
+import { useQuery } from "@tanstack/react-query";
+import { forwardRef, useCallback, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { View, type ViewProps } from "react-native";
 import { Button } from "@/components/Button";
 import Dropdown from "@/components/common/Dropdown";
 import { Text } from "@/components/common/Text";
@@ -10,17 +21,6 @@ import type {
 import type { MediaType } from "@/utils/jellyseerr/server/constants/media";
 import type { MediaRequestBody } from "@/utils/jellyseerr/server/interfaces/api/requestInterfaces";
 import { writeDebugLog } from "@/utils/log";
-import {
-  BottomSheetBackdrop,
-  type BottomSheetBackdropProps,
-  BottomSheetModal,
-  BottomSheetView,
-} from "@gorhom/bottom-sheet";
-import type { BottomSheetModalMethods } from "@gorhom/bottom-sheet/lib/typescript/types";
-import { useQuery } from "@tanstack/react-query";
-import React, { forwardRef, useCallback, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { View, type ViewProps } from "react-native";
 
 interface Props {
   id: number;

components/jellyseerr/discover/CompanySlide.tsx

@@ -1,3 +1,7 @@
+import { router, useSegments } from "expo-router";
+import type React from "react";
+import { useCallback } from "react";
+import { TouchableOpacity, type ViewProps } from "react-native";
 import GenericSlideCard from "@/components/jellyseerr/discover/GenericSlideCard";
 import Slide, { type SlideProps } from "@/components/jellyseerr/discover/Slide";
 import { useJellyseerr } from "@/hooks/useJellyseerr";
@@ -6,10 +10,6 @@ import {
   type Network,
 } from "@/utils/jellyseerr/src/components/Discover/NetworkSlider";
 import type { Studio } from "@/utils/jellyseerr/src/components/Discover/StudioSlider";
-import { router, useSegments } from "expo-router";
-import type React from "react";
-import { useCallback } from "react";
-import { TouchableOpacity, type ViewProps } from "react-native";
 
 const CompanySlide: React.FC<
   { data: Network[] | Studio[] } & SlideProps & ViewProps
@@ -33,7 +33,7 @@ const CompanySlide: React.FC<
       slide={slide}
       data={data}
       keyExtractor={(item) => item.id.toString()}
-      renderItem={(item, index) => (
+      renderItem={(item, _index) => (
         <TouchableOpacity className='mr-2' onPress={() => navigate(item)}>
           <GenericSlideCard
             className='w-28 rounded-lg overflow-hidden border border-neutral-900 p-4'

components/jellyseerr/discover/Discover.tsx

@@ -1,3 +1,7 @@
+import { sortBy } from "lodash";
+import type React from "react";
+import { useMemo } from "react";
+import { View } from "react-native";
 import CompanySlide from "@/components/jellyseerr/discover/CompanySlide";
 import GenreSlide from "@/components/jellyseerr/discover/GenreSlide";
 import MovieTvSlide from "@/components/jellyseerr/discover/MovieTvSlide";
@@ -6,27 +10,26 @@ import { DiscoverSliderType } from "@/utils/jellyseerr/server/constants/discover
 import type DiscoverSlider from "@/utils/jellyseerr/server/entity/DiscoverSlider";
 import { networks } from "@/utils/jellyseerr/src/components/Discover/NetworkSlider";
 import { studios } from "@/utils/jellyseerr/src/components/Discover/StudioSlider";
-import { sortBy } from "lodash";
-import type React from "react";
-import { useMemo } from "react";
-import { View } from "react-native";
 
 interface Props {
   sliders?: DiscoverSlider[];
 }
+
 const Discover: React.FC<Props> = ({ sliders }) => {
-  if (!sliders) return;
+  const hasSliders = !!sliders;
 
   const sortedSliders = useMemo(
     () =>
       sortBy(
-        sliders.filter((s) => s.enabled),
+        (sliders ?? []).filter((s) => s.enabled),
         "order",
         "asc",
       ),
     [sliders],
   );
 
+  if (!hasSliders) return null;
+
   return (
     <View className='flex flex-col space-y-4 mb-8'>
       {sortedSliders.map((slide) => {
@@ -60,6 +63,8 @@ const Discover: React.FC<Props> = ({ sliders }) => {
                 contentContainerStyle={{ paddingBottom: 16 }}
               />
             );
+          default:
+            return null;
         }
       })}
     </View>

components/jellyseerr/discover/GenericSlideCard.tsx

@@ -1,8 +1,8 @@
-import { Text } from "@/components/common/Text";
 import { Image, type ImageContentFit } from "expo-image";
 import { LinearGradient } from "expo-linear-gradient";
 import type React from "react";
 import { StyleSheet, View, type ViewProps } from "react-native";
+import { Text } from "@/components/common/Text";
 
 export const textShadowStyle = StyleSheet.create({
   shadow: {

components/jellyseerr/discover/GenreSlide.tsx

@@ -1,14 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { router, useSegments } from "expo-router";
+import type React from "react";
+import { useCallback } from "react";
+import { TouchableOpacity, type ViewProps } from "react-native";
 import GenericSlideCard from "@/components/jellyseerr/discover/GenericSlideCard";
 import Slide, { type SlideProps } from "@/components/jellyseerr/discover/Slide";
 import { Endpoints, useJellyseerr } from "@/hooks/useJellyseerr";
 import { DiscoverSliderType } from "@/utils/jellyseerr/server/constants/discover";
 import type { GenreSliderItem } from "@/utils/jellyseerr/server/interfaces/api/discoverInterfaces";
 import { genreColorMap } from "@/utils/jellyseerr/src/components/Discover/constants";
-import { useQuery } from "@tanstack/react-query";
-import { router, useSegments } from "expo-router";
-import type React from "react";
-import { useCallback } from "react";
-import { TouchableOpacity, type ViewProps } from "react-native";
 
 const GenreSlide: React.FC<SlideProps & ViewProps> = ({ slide, ...props }) => {
   const segments = useSegments();
@@ -43,7 +43,7 @@ const GenreSlide: React.FC<SlideProps & ViewProps> = ({ slide, ...props }) => {
         slide={slide}
         data={data}
         keyExtractor={(item) => item.id.toString()}
-        renderItem={(item, index) => (
+        renderItem={(item, _index) => (
           <TouchableOpacity className='mr-2' onPress={() => navigate(item)}>
             <GenericSlideCard
               className='w-28 rounded-lg overflow-hidden border border-neutral-900'

components/jellyseerr/discover/MovieTvSlide.tsx

@@ -1,3 +1,8 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { uniqBy } from "lodash";
+import type React from "react";
+import { useMemo } from "react";
+import type { ViewProps } from "react-native";
 import Slide, { type SlideProps } from "@/components/jellyseerr/discover/Slide";
 import JellyseerrPoster from "@/components/posters/JellyseerrPoster";
 import {
@@ -10,11 +15,6 @@ import type {
   MovieResult,
   TvResult,
 } from "@/utils/jellyseerr/server/models/Search";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { uniqBy } from "lodash";
-import type React from "react";
-import { useMemo } from "react";
-import type { ViewProps } from "react-native";
 
 const MovieTvSlide: React.FC<SlideProps & ViewProps> = ({
   slide,
@@ -25,7 +25,7 @@ const MovieTvSlide: React.FC<SlideProps & ViewProps> = ({
   const { data, fetchNextPage, hasNextPage } = useInfiniteQuery({
     queryKey: ["jellyseerr", "discover", slide.id],
     queryFn: async ({ pageParam }) => {
-      let endpoint: DiscoverEndpoint | undefined = undefined;
+      let endpoint: DiscoverEndpoint | undefined;
       let params: any = {
         page: Number(pageParam),
       };

components/jellyseerr/discover/RecentRequestsSlide.tsx

@@ -1,12 +1,12 @@
+import { useQuery } from "@tanstack/react-query";
+import type React from "react";
+import type { ViewProps } from "react-native";
 import Slide, { type SlideProps } from "@/components/jellyseerr/discover/Slide";
 import JellyseerrPoster from "@/components/posters/JellyseerrPoster";
 import { useJellyseerr } from "@/hooks/useJellyseerr";
 import { MediaType } from "@/utils/jellyseerr/server/constants/media";
 import type MediaRequest from "@/utils/jellyseerr/server/entity/MediaRequest";
 import type { NonFunctionProperties } from "@/utils/jellyseerr/server/interfaces/api/common";
-import { useQuery } from "@tanstack/react-query";
-import type React from "react";
-import type { ViewProps } from "react-native";
 
 const RequestCard: React.FC<{ request: MediaRequest }> = ({ request }) => {
   const { jellyseerrApi } = useJellyseerr();

components/jellyseerr/discover/Slide.tsx

@@ -1,12 +1,12 @@
-import { Text } from "@/components/common/Text";
-import { DiscoverSliderType } from "@/utils/jellyseerr/server/constants/discover";
-import type DiscoverSlider from "@/utils/jellyseerr/server/entity/DiscoverSlider";
 import { FlashList } from "@shopify/flash-list";
 import type { ContentStyle } from "@shopify/flash-list/src/FlashListProps";
 import { t } from "i18next";
 import type React from "react";
 import type { PropsWithChildren } from "react";
 import { View, type ViewProps } from "react-native";
+import { Text } from "@/components/common/Text";
+import { DiscoverSliderType } from "@/utils/jellyseerr/server/constants/discover";
+import type DiscoverSlider from "@/utils/jellyseerr/server/entity/DiscoverSlider";
 
 export interface SlideProps {
   slide: DiscoverSlider;
@@ -51,7 +51,7 @@ const Slide = <T,>({
         onEndReached={onEndReached}
         //@ts-ignore
         renderItem={({ item, index }) =>
-          item ? renderItem(item, index) : <></>
+          item ? renderItem(item, index) : null
         }
       />
     </View>