update

2025-08-11 21:10:08 +08:00
parent 7bcc2e9779
commit 643e8054ac
27 changed files with 912 additions and 23 deletions
@@ -0,0 +1,81 @@
+import { View, Text, Image } from "react-native";
+import React from "react";
+import Page from "../../layouts/Page";
+import { background, img } from "../../assets";
+import { goBack, navigate } from "../../navigation/NavigationService";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
+import { size } from "../../styles/Style";
+import BorderGradientButton from "../../components/BorderGradientButton";
+import GradientButton from "../../components/GradientButton";
+import { responsiveHeight } from "react-native-responsive-dimensions";
+import { Palette } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
+import { Routes } from "../../navigation";
+
+const SongDownloaded = () => {
+  return (
+    <Page backgroundImg={background.productionBG2} headerType="NONE">
+      <MusicLandHeader onPressBack={goBack} progress={100} />
+      <View style={{ flex: 1, paddingTop: responsiveHeight(15) }}>
+        <CreateLyricsHeader
+          gradientProps={{
+            start: { x: 0, y: 0 },
+            end: { x: 0, y: 1 },
+          }}
+        >
+          <Image
+            source={img.placeholder2}
+            style={{
+              ...size({ size: 158 }),
+              borderRadius: 13,
+              alignSelf: "center",
+            }}
+          />
+          <View style={{ gap: 2, marginTop: 12 }}>
+            <Text
+              style={{
+                fontSize: 22,
+                color: Palette.white,
+                fontFamily: FONT_FAMILY.InterSemiBold,
+                textAlign: "center",
+              }}
+            >
+              Chanson téléchargée !
+            </Text>
+            <Text
+              style={{
+                fontSize: 16,
+                color: Palette.white,
+                fontFamily: FONT_FAMILY.InterMedium,
+              }}
+            >
+              Ta chanson est désormais téléchargée dans tes fichiers. N’hésite
+              pas à la partager avec tes proches.
+            </Text>
+          </View>
+          <View
+            style={{
+              marginTop: 26,
+              gap: 12,
+              paddingBottom: 12,
+              width: "80%",
+              alignSelf: "center",
+            }}
+          >
+            <BorderGradientButton
+              title="Partager"
+              onPress={() => navigate(Routes.Production)}
+            />
+            <GradientButton
+              title="Page d'accueil"
+              onPress={() => navigate(Routes.Production)}
+            />
+          </View>
+        </CreateLyricsHeader>
+      </View>
+    </Page>
+  );
+};
+
+export default SongDownloaded;