Thomas Demirdjian
53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
import { View, Image, StyleSheet } from "react-native";
|
|
import React from "react";
|
|
import { ai, background } from "../../assets";
|
|
import Page from "../../layouts/Page";
|
|
import { goBack, navigate } from "../../navigation/NavigationService";
|
|
import MusicLandHeader from "../../components/MusicLandHeader";
|
|
import { gutters } from "../../styles";
|
|
import { Routes } from "../../navigation";
|
|
import GradientButton from "../../components/GradientButton";
|
|
import BorderGradientButton from "../../components/BorderGradientButton";
|
|
|
|
const FinishCompose = () => {
|
|
return (
|
|
<Page backgroundImg={background.studioBG2} headerType="NONE">
|
|
<Image source={ai.theo} style={styles.img} resizeMode="contain" />
|
|
<MusicLandHeader onPressBack={goBack} progress={100} />
|
|
<View
|
|
style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
|
|
>
|
|
<View
|
|
style={{
|
|
paddingBottom: gutters * 2,
|
|
width: "70%",
|
|
alignSelf: "center",
|
|
gap: 12,
|
|
}}
|
|
>
|
|
<BorderGradientButton
|
|
title="Continuer plus tard"
|
|
onPress={() => navigate(Routes.Home)}
|
|
/>
|
|
<GradientButton
|
|
title="Continuer la création"
|
|
onPress={() => navigate(Routes.Home)}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</Page>
|
|
);
|
|
};
|
|
|
|
export default FinishCompose;
|
|
|
|
const styles = StyleSheet.create({
|
|
img: {
|
|
width: "100%",
|
|
height: "70%",
|
|
position: "absolute",
|
|
bottom: -40,
|
|
right: -30,
|
|
},
|
|
});
|