diff --git a/src/assets/UI/homeBGWeb.png b/src/assets/UI/homeBGWeb.png
index 1d6b866..261575b 100644
Binary files a/src/assets/UI/homeBGWeb.png and b/src/assets/UI/homeBGWeb.png differ
diff --git a/src/assets/UI/libraryBgWeb.png b/src/assets/UI/libraryBgWeb.png
index 7110bcf..90b9804 100644
Binary files a/src/assets/UI/libraryBgWeb.png and b/src/assets/UI/libraryBgWeb.png differ
diff --git a/src/assets/UI/writingBgWeb.png b/src/assets/UI/writingBgWeb.png
index 170a638..96e349b 100644
Binary files a/src/assets/UI/writingBgWeb.png and b/src/assets/UI/writingBgWeb.png differ
diff --git a/src/components/FeatureCarousel/FeatureCarousel.web.js b/src/components/FeatureCarousel/FeatureCarousel.web.js
index 688eb85..f6250c2 100644
--- a/src/components/FeatureCarousel/FeatureCarousel.web.js
+++ b/src/components/FeatureCarousel/FeatureCarousel.web.js
@@ -490,8 +490,9 @@ const styles = StyleSheet.create({
},
cardWrapper: {
flex: 1,
- width: "100%",
- justifyContent: "flex-start",
+ width: "60%",
+ justifyContent: "center",
+ alignSelf: "center",
zIndex: 1,
},
dotsWrapperBase: {
diff --git a/src/screens/Writing/CreateLyricsWithAi.js b/src/screens/Writing/CreateLyricsWithAi.js
index 112d7e6..f7c3c52 100644
--- a/src/screens/Writing/CreateLyricsWithAi.js
+++ b/src/screens/Writing/CreateLyricsWithAi.js
@@ -6,7 +6,7 @@ import { background } from "../../assets";
import GradientButton from "../../components/GradientButton";
import MusicLandHeader from "../../components/MusicLandHeader";
import { OTHER_OBJECTIVE_OPTION, OTHER_STYLE_OPTION } from "../../data/data";
-import useLayoutType, { isWeb } from "../../hooks/useLayoutType";
+import useLayoutType from "../../hooks/useLayoutType";
import Page from "../../layouts/Page";
import { Routes } from "../../navigation";
import { goBack, navigate } from "../../navigation/NavigationService";
diff --git a/src/screens/Writing/CreatingLyrics.js b/src/screens/Writing/CreatingLyrics.js
index df36825..0fad850 100644
--- a/src/screens/Writing/CreatingLyrics.js
+++ b/src/screens/Writing/CreatingLyrics.js
@@ -3,9 +3,9 @@ import React, { useEffect, useRef, useState } from "react";
import { Image, Platform, Text, View } from "react-native";
import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
import { ai } from "../../assets";
+import alert from "../../components/Alert";
import GradientButton from "../../components/GradientButton";
import ProgressBar from "../../components/ProgressBar";
-import alert from "../../components/Alert";
import firebase from "../../config/firebase";
import { Routes } from "../../navigation";
import { navigate } from "../../navigation/NavigationService";
@@ -55,7 +55,6 @@ const CreatingLyrics = ({ active, config, selections }) => {
const run = async () => {
try {
setCalled(true);
- await setIsLoading(true);
console.log("đ [CreatingLyrics] Lancement de la gĂ©nĂ©ration", {
platform: Platform.OS,
});
diff --git a/src/screens/Writing/Lyrics.js b/src/screens/Writing/Lyrics.js
index 0503cb3..49d7ce5 100644
--- a/src/screens/Writing/Lyrics.js
+++ b/src/screens/Writing/Lyrics.js
@@ -1,5 +1,5 @@
import React, { useCallback, useMemo, useRef, useState } from "react";
-import { ScrollView, View } from "react-native";
+import { ScrollView, StyleSheet, Text, View } from "react-native";
import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
import { background } from "../../assets";
import BorderGradientButton from "../../components/BorderGradientButton";
@@ -13,7 +13,8 @@ import Page from "../../layouts/Page";
import { Routes } from "../../navigation";
import { navigate } from "../../navigation/NavigationService";
import { useUser } from "../../providers/UserDataProvider";
-import { gutters } from "../../styles";
+import { Palette, gutters } from "../../styles";
+import { FONT_FAMILY } from "../../styles/Fonts";
import CustomInput from "./components/CustomInput";
const Lyrics = ({ navigation }) => {
@@ -287,6 +288,26 @@ const Lyrics = ({ navigation }) => {
flexGrow: 1,
}}
>
+
+ Proposition de paroles
+
+ Relis attentivement la proposition générée avant de valider.
+
+
+
+ Personnalisation :
+ {" "}
+ modifie le titre et chaque section pour que les paroles te
+ ressemblent.
+
+
+
+ Nouvelle génération :
+ {" "}
+ appuie sur "Générer d'autres paroles" si tu souhaites une
+ autre suggestion.
+
+
{
};
export default Lyrics;
+
+const styles = StyleSheet.create({
+ headerContainer: {
+ gap: 8,
+ paddingHorizontal: 2,
+ },
+ headerTitle: {
+ color: Palette.white,
+ fontFamily: FONT_FAMILY.InterSemiBold,
+ fontSize: 20,
+ },
+ instructions: {
+ color: Palette.white,
+ fontFamily: FONT_FAMILY.InterRegular,
+ fontSize: 14,
+ lineHeight: 20,
+ },
+ instructionsHighlight: {
+ fontFamily: FONT_FAMILY.InterSemiBold,
+ },
+});