new tickets

src/screens/Library/AllMyPlaylist.js

@@ -48,8 +48,9 @@ const AllMyPlaylist = () => {
                   intensity={Platform.OS !== "ios" ? 10 : 20}
                   style={{
                     ...Style.containerSpaceBetween,
-                    height: 59,
+                    minHeight: 59,
                     paddingHorizontal: 10,
+                    paddingVertical: 12,
                   }}
                   // experimentalBlurMethod={
                   //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
@@ -57,9 +58,12 @@ const AllMyPlaylist = () => {
                 >
                   <Text
                     style={{
+                      flex: 1,
                       fontSize: 16,
                       color: Palette.white,
                       fontFamily: FONT_FAMILY.InterRegular,
+                      marginRight: 12,
+                      flexShrink: 1,
                     }}
                   >
                     {item?.name || "Sans nom"}

src/screens/Library/AllMyPlaylist.web.js

@@ -120,17 +120,21 @@ const AllMyPlaylist = ({ route }) => {
                           intensity={30}
                           style={{
                             ...Style.containerSpaceBetween,
-                            height: 59,
+                            minHeight: 59,
                             paddingHorizontal: 16,
+                            paddingVertical: 12,
                           }}
                         >
                           <Text
                             style={{
+                              flex: 1,
                               fontSize: isSelected ? 18 : 16,
                               color: Palette.white,
                               fontFamily: isSelected
                                 ? FONT_FAMILY.InterSemiBold
                                 : FONT_FAMILY.InterRegular,
+                              marginRight: 12,
+                              flexShrink: 1,
                             }}
                           >
                             {item?.name || "Sans nom"}
@@ -172,7 +176,8 @@ const AllMyPlaylist = ({ route }) => {
                   style={{
                     ...Style.containerSpaceBetween,
                     paddingHorizontal: 16,
-                    height: 59,
+                    minHeight: 59,
+                    paddingVertical: 12,
                   }}
                 >
                   <Text

src/screens/Library/components/MyPlaylist.js

@@ -45,8 +45,9 @@ const MyPlaylist = () => {
               intensity={Platform.OS !== "ios" ? 10 : 20}
               style={{
                 ...Style.containerSpaceBetween,
-                height: 59,
+                minHeight: 59,
                 paddingHorizontal: 10,
+                paddingVertical: 12,
               }}
               // experimentalBlurMethod={
               //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
@@ -54,9 +55,12 @@ const MyPlaylist = () => {
             >
               <Text
                 style={{
+                  flex: 1,
                   fontSize: 16,
                   color: Palette.white,
                   fontFamily: FONT_FAMILY.InterRegular,
+                  marginRight: 12,
+                  flexShrink: 1,
                 }}
               >
                 {item?.name || "Sans nom"}

src/screens/Library/components/SearchResultsList.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { Pressable, ScrollView, Text, View } from "react-native";
 import MoreMenu from "../../../components/MoreMenu";
 import ProfilePicture from "../../../components/ProfilePicture";
@@ -70,8 +70,20 @@ const SearchResultsList = ({
     onResultSelected?.();
   };
 
+  const musicItems = useMemo(() => {
+    if (!Array.isArray(musics)) {
+      return [];
+    }
+
+    if (selected === "Musiques") {
+      return musics;
+    }
+
+    return musics.filter((project) => project?.hasPlayback !== true);
+  }, [musics, selected]);
+
   const shouldShowMusics =
-    (!selected && (musics.length > 0 || musicsLoading)) ||
+    (!selected && (musicItems.length > 0 || musicsLoading)) ||
     selected === "Musiques";
 
   const shouldShowPlaybacks =
@@ -89,10 +101,10 @@ const SearchResultsList = ({
       >
         {shouldShowMusics && (
           <View style={{ gap: 10 }}>
-            {musics.length > 0 && (
+            {musicItems.length > 0 && (
               <>
-                {Array.isArray(musics) &&
-                  musics.slice(0, 6).map((project) => (
+                {Array.isArray(musicItems) &&
+                  musicItems.slice(0, 6).map((project) => (
                     <MusicCard
                       key={project.id}
                       title={project?.title || "Sans titre"}
@@ -126,7 +138,7 @@ const SearchResultsList = ({
                 )}
               </>
             )}
-            {musics.length === 0 && !musicsLoading && (
+            {musicItems.length === 0 && !musicsLoading && (
               <EmptyText text={"Aucune musique trouvée"} />
             )}
           </View>

src/screens/Register.js

@@ -308,7 +308,7 @@ const styles = StyleSheet.create({
     width: "100%",
     maxWidth: 420,
     maxHeight: "80%",
-    backgroundColor: Palette.ultraLightWhite,
+    backgroundColor: Palette.ultraLightBlack,
     borderRadius: 20,
     padding: 16,
     gap: 12,