playlist details

src/screens/Library/components/MyPlaylist.js

@@ -22,7 +22,13 @@ const MyPlaylist = () => {
     >
       <View style={{ gap: 8 }}>
         {playlists.map((item) => (
-          <View style={{ borderRadius: 12, overflow: "hidden" }} key={item.id}>
+          <Pressable
+            key={item.id}
+            style={{ borderRadius: 12, overflow: "hidden" }}
+            onPress={() =>
+              navigate(Routes.PlaylistDetails, { playlistId: item.id })
+            }
+          >
             <BlurView
               intensity={20}
               style={{
@@ -43,18 +49,16 @@ const MyPlaylist = () => {
               >
                 {item?.name || "Sans nom"}
               </Text>
-              <Pressable>
-                <Image
-                  source={icons.chevronDown}
-                  style={{
-                    ...size({ size: 15 }),
-                    transform: [{ rotate: "-90deg" }],
-                  }}
-                  resizeMode="contain"
-                />
-              </Pressable>
+              <Image
+                source={icons.chevronDown}
+                style={{
+                  ...size({ size: 15 }),
+                  transform: [{ rotate: "-90deg" }],
+                }}
+                resizeMode="contain"
+              />
             </BlurView>
-          </View>
+          </Pressable>
         ))}
       </View>
     </CardContainer>