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, + }, +});