fix

src/screens/Library/components/BackTracks.js

@@ -6,21 +6,26 @@ import {
   View,
   useWindowDimensions,
 } from "react-native";
+import useLayoutType from "../../../hooks/useLayoutType";
 import { Routes } from "../../../navigation";
 import { navigate } from "../../../navigation/NavigationService";
 import { useUserData } from "../../../providers/UserDataProvider";
 import CardContainer from "./CardContainer";
 const BackTracks = () => {
   const { userPlaybacks } = useUserData();
-  const items = Array.isArray(userPlaybacks) ? userPlaybacks.slice(0, 3) : [];
+  const { isWeb } = useLayoutType();
+  const items = Array.isArray(userPlaybacks)
+    ? userPlaybacks.slice(0, isWeb ? 2 : 3)
+    : [];
   const { width: screenWidth } = useWindowDimensions();
   const [containerWidth, setContainerWidth] = useState(screenWidth);
-  const numColumns = 3;
+  const numColumns = isWeb ? 2 : 3;
   const gap = 8;
   const itemWidth = Math.max(
     0,
     Math.floor((containerWidth - gap * (numColumns - 1)) / numColumns)
   );
+  console.log("BackTracks items:", items);
 
   return (
     <CardContainer
@@ -50,7 +55,7 @@ const BackTracks = () => {
                   }
                 >
                   <Image
-                    source={{ uri: item.coverUrl || "" }}
+                    source={{ uri: item?.thumbnailUrl || item?.coverUrl || "" }}
                     style={{
                       width: "100%",
                       height: Math.round((itemWidth * 16) / 9),