diff --git a/app/(auth)/(tabs)/_layout.tsx b/app/(auth)/(tabs)/_layout.tsx index df1ed986..abaaa82e 100644 --- a/app/(auth)/(tabs)/_layout.tsx +++ b/app/(auth)/(tabs)/_layout.tsx @@ -11,12 +11,18 @@ import { withLayoutContext } from "expo-router"; import { useTranslation } from "react-i18next"; import { Platform, View } from "react-native"; import { SystemBars } from "react-native-edge-to-edge"; -import { MiniPlayerBar } from "@/components/music/MiniPlayerBar"; -import { MusicPlaybackEngine } from "@/components/music/MusicPlaybackEngine"; import { Colors } from "@/constants/Colors"; import { useSettings } from "@/utils/atoms/settings"; import { eventBus } from "@/utils/eventBus"; +// Music components are not available on tvOS (TrackPlayer not supported) +const MiniPlayerBar = Platform.isTV + ? () => null + : require("@/components/music/MiniPlayerBar").MiniPlayerBar; +const MusicPlaybackEngine = Platform.isTV + ? () => null + : require("@/components/music/MusicPlaybackEngine").MusicPlaybackEngine; + const { Navigator } = createNativeBottomTabNavigator(); export const NativeTabs = withLayoutContext< @@ -117,6 +123,17 @@ export default function TabLayout() { : (_e) => ({ sfSymbol: "list.dash.fill" }), }} /> + require("@/assets/icons/list.png") + : (_e) => ({ sfSymbol: "gearshape.fill" }), + }} + />