update

2025-08-12 21:03:49 +08:00
parent 5a521d2f3d
commit 7d8942e125
49 changed files with 1002 additions and 122 deletions
@@ -0,0 +1,51 @@
+import { View, Text, Pressable, Image } from "react-native";
+import React from "react";
+import CardContainer from "./CardContainer";
+import { BlurView } from "expo-blur";
+import { icons } from "../../../assets";
+import Style, { size } from "../../../styles/Style";
+import { Palette } from "../../../styles";
+import { FONT_FAMILY } from "../../../styles/Fonts";
+
+const MyPlaylist = () => {
+  return (
+    <CardContainer label="Mes Playlists">
+      <View style={{ gap: 8 }}>
+        {["Musiques de lover", "Musiques triste"].map((item, index) => (
+          <View style={{ borderRadius: 12, overflow: "hidden" }} key={index}>
+            <BlurView
+              intensity={20}
+              style={{
+                ...Style.containerSpaceBetween,
+                height: 59,
+                paddingHorizontal: 10,
+              }}
+            >
+              <Text
+                style={{
+                  fontSize: 16,
+                  color: Palette.white,
+                  fontFamily: FONT_FAMILY.InterRegular,
+                }}
+              >
+                {item}
+              </Text>
+              <Pressable>
+                <Image
+                  source={icons.chevronDown}
+                  style={{
+                    ...size({ size: 15 }),
+                    transform: [{ rotate: "-90deg" }],
+                  }}
+                  resizeMode="contain"
+                />
+              </Pressable>
+            </BlurView>
+          </View>
+        ))}
+      </View>
+    </CardContainer>
+  );
+};
+
+export default MyPlaylist;