last fixes, home and videos

src/screens/Writing/WritingLyrics.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { StyleSheet, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { background } from "../../assets";
@@ -12,18 +12,22 @@ import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
 import { Palette, gutters } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
+import FullscreenIntroVideo from "../../components/FullscreenIntroVideo.web";
 
 const CTA_BUTTON_HEIGHT = 58;
 const CTA_BUTTON_MAX_WIDTH = 520;
 
 const WritingLyrics = () => {
-  const {
-    createNewProject,
-    selectedProjectId,
-    updateProjectData,
-  } = useUserData();
+  const { createNewProject, selectedProjectId, updateProjectData, videos } =
+    useUserData();
   const { setIsLoading } = useMinuit();
 
+  const [videoUrl, setVideoUrl] = useState(null);
+
+  useEffect(() => {
+    setVideoUrl(isWeb ? videos.celineWeb : videos?.celine);
+  }, []);
+
   const startWriting = React.useCallback(async () => {
     try {
       await setIsLoading(true);
@@ -55,17 +59,9 @@ const WritingLyrics = () => {
       backgroundImg={isWeb ? background.libraryBgWeb : background.writingBG}
       headerType="NONE"
     >
-      {/* <Image source={ai.nathalie} style={styles.img} resizeMode="contain" /> */}
       <MusicLandHeader onPressBack={goBack} />
       <View style={styles.contentWrapper}>
-        <View style={styles.heroContainer}>
-          {/* <Text style={styles.heroTitle}>
-            {strings.writing.onboarding.heroTitle}
-          </Text>
-          <Text style={styles.heroSubtitle}>
-            {strings.writing.onboarding.heroSubtitle}
-          </Text> */}
-        </View>
+        <View style={styles.heroContainer}></View>
         <View style={styles.ctaGroup}>
           <GradientButton
             size="large"
@@ -81,6 +77,11 @@ const WritingLyrics = () => {
           </Text>
         </View>
       </View>
+      <FullscreenIntroVideo
+        url={videoUrl}
+        visible={!!videoUrl}
+        onClose={() => setVideoUrl(null)}
+      />
     </Page>
   );
 };