update

2025-08-20 21:06:21 +08:00
parent abffadc9b9
commit 046a92d866
9 changed files with 343 additions and 67 deletions
@@ -0,0 +1,68 @@
+import { View, Text, Image } from "react-native";
+import React from "react";
+import { BlurView } from "expo-blur";
+import { img } from "../../../assets";
+import { Palette, Style } from "../../../styles";
+import { FONT_FAMILY } from "../../../styles/Fonts";
+import CoinBadge from "./CoinBadge";
+
+const PlaybacksCard = () => {
+  return (
+    <BlurView
+      intensity={20}
+      tint="dark"
+      style={{
+        ...Style.containerSpaceBetween,
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        borderRadius: 12,
+        backgroundColor: Palette.glass,
+        overflow: "hidden",
+      }}
+    >
+      <View
+        style={{
+          ...Style.containerRow,
+          gap: 15,
+        }}
+      >
+        <Text
+          style={{
+            fontSize: 22,
+            color: Palette.white,
+            fontFamily: FONT_FAMILY.InterSemiBold,
+          }}
+        >
+          1
+        </Text>
+        <Image
+          source={img.placeholder3}
+          style={{ width: 67, height: 108, borderRadius: 16 }}
+        />
+        <View>
+          <Text
+            style={{
+              fontSize: 16,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.InterMedium,
+            }}
+          >
+            Alors on danse
+          </Text>
+          <Text
+            style={{
+              fontSize: 12,
+              color: Palette.white,
+              fontFamily: FONT_FAMILY.InterRegular,
+            }}
+          >
+            Stromae
+          </Text>
+        </View>
+      </View>
+      <CoinBadge />
+    </BlurView>
+  );
+};
+
+export default PlaybacksCard;