music card style

This commit is contained in:
2025-10-13 10:01:53 +02:00
parent 6a89e40735
commit 11192c4cad
8 changed files with 21 additions and 21 deletions
@@ -1,6 +1,6 @@
import { Image as ExpoImage } from "expo-image";
import React, { useState } from "react";
import { Pressable, ScrollView, Text, View } from "react-native";
import { Image as ExpoImage } from "expo-image";
import { img } from "../../../assets";
import MoreMenu from "../../../components/MoreMenu";
import useNavigateToMusicDetails from "../../../hooks/useNavigateToMusicDetails";
@@ -71,7 +71,8 @@ const SearchResultsList = ({
};
const shouldShowMusics =
(!selected && (musics.length > 0 || musicsLoading)) || selected === "Musiques";
(!selected && (musics.length > 0 || musicsLoading)) ||
selected === "Musiques";
const shouldShowPlaybacks =
(!selected && (playbacks.length > 0 || playbacksLoading)) ||
@@ -95,13 +96,13 @@ const SearchResultsList = ({
}}
>
{musics.length > 0 && (
<View style={{ gap: 10 }}>
<View style={{ gap: 1 }}>
{Array.isArray(musics) &&
musics.slice(0, 6).map((project) => (
<MusicCard
key={project.id}
title={project?.title || "Sans titre"}
subtitle={"MusicLand"}
subtitle={project?.userName}
imageUri={project?.coverUrl || null}
projectId={project?.id}
likedBy={project?.likedBy || []}
@@ -112,7 +113,7 @@ const SearchResultsList = ({
setShowMenu(
(previous) =>
!previous ||
positionTop?.top !== (menuPosition?.top ?? null),
positionTop?.top !== (menuPosition?.top ?? null)
);
}}
/>
@@ -152,7 +153,7 @@ const SearchResultsList = ({
<MusicCard
key={project.id}
title={project?.title || "Sans titre"}
subtitle={"MusicLand"}
subtitle={project?.userName}
imageUri={project?.coverUrl || null}
projectId={project?.id}
likedBy={project?.likedBy || []}
@@ -163,7 +164,7 @@ const SearchResultsList = ({
setShowMenu(
(previous) =>
!previous ||
positionTop?.top !== (menuPosition?.top ?? null),
positionTop?.top !== (menuPosition?.top ?? null)
);
}}
/>