logos

src/screens/Writing/CreateLyricsWithAi.js

@@ -2,7 +2,7 @@ import React, { useMemo, useRef, useState } from "react";
 import { Dimensions, Platform, View } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { SwiperFlatList } from "react-native-swiper-flatlist";
-import { background } from "../../assets";
+import { background, icons } from "../../assets";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { OTHER_OBJECTIVE_OPTION, OTHER_STYLE_OPTION } from "../../data/data";
@@ -336,7 +336,11 @@ const CreateLyricsWithAi = () => {
       keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 100}
       backgroundImg={background.writingBG}
     >
-      <MusicLandHeader onPressBack={onPressBack} progress={progress} />
+      <MusicLandHeader
+        onPressBack={onPressBack}
+        progress={progress}
+        logo={icons.musicLandWriting}
+      />
       <View
         style={{
           flex: 1,

src/screens/Writing/CreateLyricsWithAi.web.js

@@ -1,7 +1,7 @@
 import React, { useMemo, useRef, useState } from "react";
 import { Dimensions, FlatList, Platform, View } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import { background } from "../../assets";
+import { background, icons } from "../../assets";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { OTHER_OBJECTIVE_OPTION, OTHER_STYLE_OPTION } from "../../data/data";
@@ -416,7 +416,7 @@ const CreateLyricsWithAi = () => {
       offset: containerWidth * index,
       index,
     }),
-    [containerWidth],
+    [containerWidth]
   );
 
   // Sync scroll position and progress with selectedIndex
@@ -440,7 +440,11 @@ const CreateLyricsWithAi = () => {
       keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 100}
       backgroundImg={background.writingBgWeb}
     >
-      <MusicLandHeader onPressBack={onPressBack} progress={progress} />
+      <MusicLandHeader
+        onPressBack={onPressBack}
+        progress={progress}
+        logo={icons.musicLandWriting}
+      />
       <View
         style={{
           flex: 1,

src/screens/Writing/Lyrics.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { ScrollView, StyleSheet, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
-import { background } from "../../assets";
+import { background, icons } from "../../assets";
 import alert from "../../components/Alert";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
@@ -272,6 +272,7 @@ const Lyrics = ({ navigation }) => {
       <MusicLandHeader
         onPressBack={() => navigate(Routes.Home)}
         progress={95}
+        logo={icons.musicLandWriting}
       />
       <View
         style={{

src/screens/Writing/WritingLyrics.js

@@ -1,7 +1,7 @@
 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, background } from "../../assets";
+import { ai, background, icons } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
 import GradientButton from "../../components/GradientButton";
@@ -48,7 +48,11 @@ const WritingLyrics = () => {
       headerType="NONE"
     >
       <Image source={ai.nathalie} style={styles.img} resizeMode="contain" />
-      <MusicLandHeader onPressBack={goBack} progress={9} />
+      <MusicLandHeader
+        onPressBack={goBack}
+        progress={9}
+        logo={icons.musicLandWriting}
+      />
       <View
         style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
       >