add flow steps

This commit is contained in:
2025-10-13 14:15:19 +02:00
parent 707c30817c
commit 63629017d7
5 changed files with 203 additions and 10 deletions
+1 -1
View File
@@ -19,7 +19,7 @@ const EmotionConvey = ({
return (
<View style={{ flex: 1, gap: 10, marginTop: 16 }}>
<CreateLyricsHeader
title={`Quelle émotion veux-tu\ntransmettre ?`}
title={`Étape 3: Quelle émotion veux-tu\ntransmettre ?`}
subTitle="Sélectionne une seule intention émotionnelle."
/>
+5 -2
View File
@@ -38,7 +38,10 @@ const Goals = ({
return (
<View style={{ flex: 1, gap: 16, marginTop: 16 }}>
<View style={{ gap: 10 }}>
<CreateLyricsHeader title="Quel est ton objectif ?" />
<CreateLyricsHeader
title="Étape 2: Quel est le contexte ?"
subTitle="Besoin d'idées ? Pense à un anniversaire, une équipe de sport ou ton entreprise."
/>
<ItemContainer>
<ListSelection
options={goalsOptions}
@@ -52,7 +55,7 @@ const Goals = ({
</ItemContainer>
</View>
<CustomInput
label="Tu as un autre objectif?"
label="As-tu un autre objectif ?"
placeholder="Décrire lobjectif"
value={otherObjective}
setValue={handleOtherObjectiveChange}
+3 -4
View File
@@ -1,18 +1,17 @@
import React, { useEffect, useState } from "react";
import { Image, StyleSheet, View } from "react-native";
import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
import { ai } from "../../assets";
import { ai, background } from "../../assets";
import BorderGradientButton from "../../components/BorderGradientButton";
import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
import GradientButton from "../../components/GradientButton";
import MusicLandHeader from "../../components/MusicLandHeader";
import { isWeb } from "../../hooks/useLayoutType";
import Page from "../../layouts/Page";
import { Routes } from "../../navigation";
import { goBack, navigate } from "../../navigation/NavigationService";
import { useUserData } from "../../providers/UserDataProvider";
import { gutters } from "../../styles";
import { background } from "../../assets";
import { isWeb } from "../../hooks/useLayoutType";
import Page from "../../layouts/Page";
const WritingLyrics = () => {
const { createNewProject, selectedProject, updateProjectData } =