diff --git a/apps/expo/src/components/HomeScreenContent.tsx b/apps/expo/src/components/HomeScreenContent.tsx index 501083e..f03f0e8 100644 --- a/apps/expo/src/components/HomeScreenContent.tsx +++ b/apps/expo/src/components/HomeScreenContent.tsx @@ -107,7 +107,7 @@ export default function HomeScreenContent() { 0 ? true : false} + scrollEnabled={searchResultsLoaded ? true : false} keyboardDismissMode="on-drag" keyboardShouldPersistTaps="handled" > @@ -134,8 +134,14 @@ export default function HomeScreenContent() { bookmarks.length > 0 || watching.length > 0 ? true : false } > - - + + )} diff --git a/apps/expo/src/components/item/ItemListSection.tsx b/apps/expo/src/components/item/ItemListSection.tsx index d9b80ab..cf55ebb 100644 --- a/apps/expo/src/components/item/ItemListSection.tsx +++ b/apps/expo/src/components/item/ItemListSection.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Text, View } from "react-native"; +import { Dimensions, ScrollView, Text, View } from "react-native"; import type { ItemData } from "~/components/item/item"; import Item from "~/components/item/item"; @@ -42,6 +42,10 @@ export const watching: ItemData[] = [ }, ]; +const padding = 20; +const screenWidth = Dimensions.get("window").width; +const itemWidth = screenWidth / 2.3 - padding; + export const ItemListSection = ({ title, items, @@ -54,13 +58,24 @@ export const ItemListSection = ({ {title} - + {items.map((item, index) => ( - + ))} - + ); };