update
This commit is contained in:
Philip Cesar Garay
@@ -0,0 +1,146 @@
|
||||
import { View, Text, Image } from "react-native";
|
||||
import React, { useState } from "react";
|
||||
import Page from "../../layouts/Page";
|
||||
import { background, img } from "../../assets";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import { responsiveHeight } from "react-native-responsive-dimensions";
|
||||
import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
|
||||
import Style, { size } from "../../styles/Style";
|
||||
import { Palette } from "../../styles";
|
||||
import { FONT_FAMILY } from "../../styles/Fonts";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const PRICES = [
|
||||
{
|
||||
title: "Je télécharge ma chanson",
|
||||
description: "Ce morceau uniquement",
|
||||
price: "6,99€",
|
||||
},
|
||||
{
|
||||
title: "3 chansons",
|
||||
description: "Ce morceau et les 2 prochains que tu crées",
|
||||
price: "12,99€",
|
||||
},
|
||||
{
|
||||
title: "5 chansons",
|
||||
description: "Ce morceau et les 4 prochains que tu crées",
|
||||
price: "19,99€",
|
||||
recommended: true,
|
||||
},
|
||||
];
|
||||
|
||||
const DownloadPrices = () => {
|
||||
const [selectedIndex, setSelectedIndex] = useState(null);
|
||||
|
||||
return (
|
||||
<Page backgroundImg={background.productionBG2} headerType="NONE">
|
||||
<MusicLandHeader onPressBack={goBack} progress={75} />
|
||||
<View style={{ flex: 1, paddingTop: responsiveHeight(10) }}>
|
||||
<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: 12, marginTop: 10 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 22,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterSemiBold,
|
||||
textAlign: "center",
|
||||
}}
|
||||
>
|
||||
Tarifs
|
||||
</Text>
|
||||
<View style={{ gap: 10 }}>
|
||||
{PRICES.map((item, index) => (
|
||||
<CreateLyricsHeader
|
||||
key={index}
|
||||
colors={
|
||||
selectedIndex === index
|
||||
? ["#F94697", "#7023F7"]
|
||||
: [Palette.tran, Palette.tran]
|
||||
}
|
||||
tint={!item.recommended ? "dark" : "light"}
|
||||
onPress={() => {
|
||||
setSelectedIndex(index);
|
||||
navigate(Routes.SongDownloaded);
|
||||
}}
|
||||
>
|
||||
<View style={{ paddingTop: 5 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 16,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.HelveticaNeueBold,
|
||||
}}
|
||||
>
|
||||
{item.title}
|
||||
</Text>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 12,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterRegular,
|
||||
}}
|
||||
>
|
||||
{item.description}
|
||||
</Text>
|
||||
</View>
|
||||
<View style={{ alignSelf: "flex-end", marginTop: 14 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 12,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterRegular,
|
||||
}}
|
||||
>
|
||||
{item.price}
|
||||
</Text>
|
||||
</View>
|
||||
{item.recommended && (
|
||||
<View
|
||||
style={{
|
||||
paddingHorizontal: 10,
|
||||
height: 26,
|
||||
...Style.containerCenter,
|
||||
borderRadius: 100,
|
||||
position: "absolute",
|
||||
backgroundColor: "#FFFFFF33",
|
||||
bottom: 8,
|
||||
left: 10,
|
||||
}}
|
||||
>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 14,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.HelveticaNeueRegular,
|
||||
bottom: -1,
|
||||
}}
|
||||
>
|
||||
Recommandé
|
||||
</Text>
|
||||
</View>
|
||||
)}
|
||||
</CreateLyricsHeader>
|
||||
))}
|
||||
</View>
|
||||
</View>
|
||||
</CreateLyricsHeader>
|
||||
</View>
|
||||
</Page>
|
||||
);
|
||||
};
|
||||
|
||||
export default DownloadPrices;
|
||||
@@ -1,12 +1,106 @@
|
||||
import { View, Text } from "react-native";
|
||||
import { View, Text, StyleSheet, Image, Pressable } from "react-native";
|
||||
import React from "react";
|
||||
import Page from "../../layouts/Page";
|
||||
import { background, img } from "../../assets";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import { Palette } from "../../styles";
|
||||
import { FONT_FAMILY } from "../../styles/Fonts";
|
||||
import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
|
||||
import { size } from "../../styles/Style";
|
||||
import { BlurView } from "expo-blur";
|
||||
import { responsiveHeight } from "react-native-responsive-dimensions";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const DownloadSongs = () => {
|
||||
return (
|
||||
<View>
|
||||
<Text>DownloadSongs</Text>
|
||||
</View>
|
||||
<Page backgroundImg={background.productionBG2} headerType="NONE">
|
||||
<MusicLandHeader onPressBack={goBack} progress={50} />
|
||||
<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: 12, paddingVertical: 12 }}>
|
||||
<Text style={styles.title}>Prêt à télécharger ta chanson ?</Text>
|
||||
<View style={{ gap: 10 }}>
|
||||
<Pressable
|
||||
style={styles.itemContainer}
|
||||
onPress={() => navigate(Routes.DownloadPrices)}
|
||||
>
|
||||
<BlurView style={styles.blurView} intensity={40} tint="dark">
|
||||
<Text style={styles.label}>Télécharger ma chanson</Text>
|
||||
<Text style={styles.description}>Pour moi uniquement</Text>
|
||||
</BlurView>
|
||||
</Pressable>
|
||||
<Pressable
|
||||
style={styles.itemContainer}
|
||||
onPress={() => navigate(Routes.StreamSong)}
|
||||
>
|
||||
<BlurView style={styles.blurView} intensity={40} tint="dark">
|
||||
<Text style={styles.label}>
|
||||
Diffuser ma chanson sur la plateforme de MusicLand (+
|
||||
réseaux sociaux) et participer au concours
|
||||
</Text>
|
||||
<Text style={styles.description}>
|
||||
Top 3: 1er 15% du CA ML - 2ème 10% du CA ML - 3ème 5% du CA
|
||||
ML (catégorie chanson)
|
||||
</Text>
|
||||
</BlurView>
|
||||
</Pressable>
|
||||
</View>
|
||||
</View>
|
||||
</CreateLyricsHeader>
|
||||
</View>
|
||||
</Page>
|
||||
);
|
||||
};
|
||||
|
||||
export default DownloadSongs;
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
title: {
|
||||
fontSize: 22,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterSemiBold,
|
||||
},
|
||||
label: {
|
||||
fontSize: 16,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.HelveticaNeueBold,
|
||||
},
|
||||
description: {
|
||||
fontSize: 12,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterRegular,
|
||||
},
|
||||
blurView: {
|
||||
paddingHorizontal: 10,
|
||||
paddingBottom: 8,
|
||||
paddingTop: 10,
|
||||
},
|
||||
itemContainer: {
|
||||
borderRadius: 12,
|
||||
overflow: "hidden",
|
||||
backgroundColor: "#FFFFFF03",
|
||||
shadowColor: "#0000001A",
|
||||
shadowOffset: {
|
||||
width: 0,
|
||||
height: 2,
|
||||
},
|
||||
shadowOpacity: 0.25,
|
||||
shadowRadius: 3.84,
|
||||
|
||||
elevation: 5,
|
||||
},
|
||||
});
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
import { View, Text, Image } from "react-native";
|
||||
import React from "react";
|
||||
import Page from "../../layouts/Page";
|
||||
import { background, img } from "../../assets";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
|
||||
import Slider from "../../components/Slider";
|
||||
import { gutters } from "../../styles";
|
||||
import GradientButton from "../../components/GradientButton";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const PlaybackExample = () => {
|
||||
return (
|
||||
<Page backgroundImg={background.productionBG} headerType="NONE">
|
||||
<MusicLandHeader progress={50} onPressBack={goBack} />
|
||||
<View
|
||||
style={{ flex: 1, paddingTop: 12, gap: 14, paddingBottom: gutters * 2 }}
|
||||
>
|
||||
<CreateLyricsHeader title="Exemple" subTitle="Exemple de Playback" />
|
||||
<View style={{ flex: 1, gap: 22 }}>
|
||||
<Image
|
||||
source={img.placeholder3}
|
||||
style={{
|
||||
width: "80%",
|
||||
flex: 1,
|
||||
alignSelf: "center",
|
||||
borderRadius: 16,
|
||||
}}
|
||||
/>
|
||||
<Slider value="0:00" maxValue="2:00" />
|
||||
</View>
|
||||
<GradientButton
|
||||
title="Je veux devenir Playbacker"
|
||||
containerStyle={{
|
||||
width: "80%",
|
||||
alignSelf: "center",
|
||||
marginTop: 4,
|
||||
}}
|
||||
onPress={() => navigate(Routes.PlaybackOnboarding)}
|
||||
/>
|
||||
</View>
|
||||
</Page>
|
||||
);
|
||||
};
|
||||
|
||||
export default PlaybackExample;
|
||||
@@ -1,17 +1,19 @@
|
||||
import { View } from "react-native";
|
||||
import { Image, StyleSheet, View } from "react-native";
|
||||
import React from "react";
|
||||
import Page from "../../layouts/Page";
|
||||
import { background } from "../../assets";
|
||||
import { ai, background } from "../../assets";
|
||||
import { gutters } from "../../styles";
|
||||
import GradientButton from "../../components/GradientButton";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import { goBack } from "../../navigation/NavigationService";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import BorderGradientButton from "../../components/BorderGradientButton";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const Production = () => {
|
||||
return (
|
||||
<Page headerType="NONE" backgroundImg={background.productionBG}>
|
||||
<MusicLandHeader onPressBack={goBack} progress={9} />
|
||||
<Image source={ai.bena} style={styles.img} resizeMode="contain" />
|
||||
<MusicLandHeader onPressBack={goBack} progress={25} />
|
||||
<View
|
||||
style={{
|
||||
flex: 1,
|
||||
@@ -20,10 +22,16 @@ const Production = () => {
|
||||
gap: 37,
|
||||
}}
|
||||
>
|
||||
<BorderGradientButton title="Je télécharge ma chanson" />
|
||||
<BorderGradientButton
|
||||
title="Je télécharge ma chanson"
|
||||
onPress={() => navigate(Routes.DownloadSongs)}
|
||||
/>
|
||||
<View style={{ gap: 12 }}>
|
||||
<GradientButton title="Je veux devenir Playbacker" />
|
||||
<BorderGradientButton title="Voir exemples" />
|
||||
<BorderGradientButton
|
||||
title="Voir exemples"
|
||||
onPress={() => navigate(Routes.PlaybackExample)}
|
||||
/>
|
||||
</View>
|
||||
<View style={{ gap: 12 }}>
|
||||
<GradientButton title="Je veux créer un Clip" />
|
||||
@@ -35,3 +43,13 @@ const Production = () => {
|
||||
};
|
||||
|
||||
export default Production;
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
img: {
|
||||
width: "100%",
|
||||
height: "70%",
|
||||
position: "absolute",
|
||||
bottom: -40,
|
||||
right: -30,
|
||||
},
|
||||
});
|
||||
|
||||
@@ -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;
|
||||
@@ -0,0 +1,82 @@
|
||||
import { View, Text, Image } from "react-native";
|
||||
import React from "react";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import Page from "../../layouts/Page";
|
||||
import { background, img } from "../../assets";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import { responsiveHeight } from "react-native-responsive-dimensions";
|
||||
import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
|
||||
import { size } from "../../styles/Style";
|
||||
import { Palette } from "../../styles";
|
||||
import { FONT_FAMILY } from "../../styles/Fonts";
|
||||
import BorderGradientButton from "../../components/BorderGradientButton";
|
||||
import GradientButton from "../../components/GradientButton";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const SongRelease = () => {
|
||||
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 publiée!
|
||||
</Text>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 16,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterMedium,
|
||||
}}
|
||||
>
|
||||
Ta chanson est désormais accessible sur l’application et les
|
||||
réseaux sociaux de MusicLand. 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 SongRelease;
|
||||
@@ -0,0 +1,162 @@
|
||||
import { View, Text, Image } from "react-native";
|
||||
import React, { useState } from "react";
|
||||
import Page from "../../layouts/Page";
|
||||
import MusicLandHeader from "../../components/MusicLandHeader";
|
||||
import { background, img } from "../../assets";
|
||||
import { goBack, navigate } from "../../navigation/NavigationService";
|
||||
import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
|
||||
import { responsiveHeight } from "react-native-responsive-dimensions";
|
||||
import Style, { size } from "../../styles/Style";
|
||||
import { Palette } from "../../styles";
|
||||
import { FONT_FAMILY } from "../../styles/Fonts";
|
||||
import { Routes } from "../../navigation";
|
||||
|
||||
const STREAM_PRICES = [
|
||||
{
|
||||
title: "Je diffuse ma chanson",
|
||||
description: "Ce morceau uniquement",
|
||||
price: "1,99€ / mois",
|
||||
},
|
||||
{
|
||||
title: "Je diffuse 3 chansons",
|
||||
description: "Ce morceau et les 2 prochains que tu crées",
|
||||
price: "3,99€ / mois",
|
||||
},
|
||||
{
|
||||
title: "Illimité",
|
||||
price: "14,99€ / mois",
|
||||
recommended: true,
|
||||
},
|
||||
];
|
||||
|
||||
const StreamSong = () => {
|
||||
const [selectedIndex, setSelectedIndex] = useState(null);
|
||||
|
||||
return (
|
||||
<Page backgroundImg={background.productionBG2} headerType="NONE">
|
||||
<MusicLandHeader onPressBack={goBack} progress={75} />
|
||||
<View style={{ flex: 1, paddingTop: responsiveHeight(5) }}>
|
||||
<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: 12 }}>
|
||||
<View style={{ gap: 2, marginTop: 12 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 22,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterSemiBold,
|
||||
textAlign: "center",
|
||||
}}
|
||||
>
|
||||
Diffuser ta chanson{"\n"}
|
||||
Tarifs
|
||||
</Text>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 16,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterMedium,
|
||||
textAlign: "center",
|
||||
}}
|
||||
>
|
||||
Si tu désires diffuser ta chanson ou tes chansons sur la
|
||||
plateforme de MusicLand et participer au concours et être dans
|
||||
le top 3 voici le tarif.
|
||||
</Text>
|
||||
</View>
|
||||
<View style={{ gap: 10 }}>
|
||||
{STREAM_PRICES.map((item, index) => (
|
||||
<CreateLyricsHeader
|
||||
key={index}
|
||||
colors={
|
||||
selectedIndex === index
|
||||
? ["#F94697", "#7023F7"]
|
||||
: [Palette.tran, Palette.tran]
|
||||
}
|
||||
tint={!item.recommended ? "dark" : "light"}
|
||||
onPress={() => {
|
||||
setSelectedIndex(index);
|
||||
navigate(Routes.SongRelease);
|
||||
}}
|
||||
>
|
||||
<View style={{ paddingTop: 5 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 16,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.HelveticaNeueBold,
|
||||
}}
|
||||
>
|
||||
{item.title}
|
||||
</Text>
|
||||
{item.description && (
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 12,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterRegular,
|
||||
}}
|
||||
>
|
||||
{item.description}
|
||||
</Text>
|
||||
)}
|
||||
</View>
|
||||
<View style={{ alignSelf: "flex-end", marginTop: 5 }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 12,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterRegular,
|
||||
}}
|
||||
>
|
||||
{item.price}
|
||||
</Text>
|
||||
</View>
|
||||
{item.recommended && (
|
||||
<View
|
||||
style={{
|
||||
paddingHorizontal: 10,
|
||||
height: 26,
|
||||
...Style.containerCenter,
|
||||
borderRadius: 100,
|
||||
position: "absolute",
|
||||
backgroundColor: "#FFFFFF33",
|
||||
bottom: 8,
|
||||
left: 10,
|
||||
}}
|
||||
>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 14,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.HelveticaNeueRegular,
|
||||
bottom: -1,
|
||||
}}
|
||||
>
|
||||
Recommandé
|
||||
</Text>
|
||||
</View>
|
||||
)}
|
||||
</CreateLyricsHeader>
|
||||
))}
|
||||
</View>
|
||||
</View>
|
||||
</CreateLyricsHeader>
|
||||
</View>
|
||||
</Page>
|
||||
);
|
||||
};
|
||||
|
||||
export default StreamSong;
|
||||
Reference in New Issue
Block a user