revert: revert hasTVPreferredFocus for first swimlane

DZZN-DEV · Jul 5, 2023 · 19a2553 · 19a2553
1 parent f915096
commit 19a2553
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Swimlane/TrendingToday/Item/index.tsx b/src/components/Swimlane/TrendingToday/Item/index.tsx
@@ -13,9 +13,10 @@ import styles from './styles';
 interface Props {
   type: 'movie' | 'show' | null;
   id: number | null;
+  hasTVPreferredFocus?: boolean;
 }
 
-const TrendingTodayItem = ({ id, type }: Props) => {
+const TrendingTodayItem = ({ id, type, hasTVPreferredFocus }: Props) => {
   const { navigate } = useNavigation<NavigationProp<RouteParams>>();
   const show = useShow(type === 'show' ? id : null);
   const movie = useMovie(type === 'movie' ? id : null);
@@ -28,6 +29,7 @@ const TrendingTodayItem = ({ id, type }: Props) => {
   return (
     <Touchable
       style={styles.container}
+      hasTVPreferredFocus={hasTVPreferredFocus}
       onPress={() =>
         navigate(Route.TrendingToday, {
           id: item.id,

diff --git a/src/components/Swimlane/TrendingToday/index.tsx b/src/components/Swimlane/TrendingToday/index.tsx
@@ -7,9 +7,10 @@ import styles from './styles';
 
 interface Props {
   hideTitle?: boolean;
+  hasTVPreferredFocus?: boolean;
 }
 
-const TrendingTodaySwimlane = ({ hideTitle }: Props) => {
+const TrendingTodaySwimlane = ({ hideTitle, hasTVPreferredFocus }: Props) => {
   const { data, isLoading, isEmpty, hasError } = useTrendingToday({
     fetch: true,
   });
@@ -39,7 +40,13 @@ const TrendingTodaySwimlane = ({ hideTitle }: Props) => {
               item ? `${item?.type}:${item?.id}` : `index-${index}`
             }`
           }
-          renderItem={({ item }) => <Item id={item?.id} type={item?.type} />}
+          renderItem={({ item, index }) => (
+            <Item
+              id={item?.id}
+              type={item?.type}
+              hasTVPreferredFocus={hasTVPreferredFocus && index === 0}
+            />
+          )}
         />
       </TVFocusGuideView>
     </View>

diff --git a/src/screens/Discover/index.tsx b/src/screens/Discover/index.tsx
@@ -13,7 +13,7 @@ const DiscoverScreen = () => {
 
   return (
     <ScreenWrapper contentStyle={styles.container}>
-      <Swimlane.TrendingToday />
+      <Swimlane.TrendingToday hasTVPreferredFocus />
       <Swimlane.PopularMovies />
       <Banner.UpcomingMovies />
       <Swimlane.TopRatedTVShows />