logos

src/screens/Studio/Compose.js

@@ -1,20 +1,24 @@
-import { View, StyleSheet, Image } from "react-native";
 import React, { useState } from "react";
-import { ai, background } from "../../assets";
-import Page from "../../layouts/Page";
-import { goBack, navigate } from "../../navigation/NavigationService";
-import MusicLandHeader from "../../components/MusicLandHeader";
-import { Routes } from "../../navigation";
-import GradientButton from "../../components/GradientButton";
-import { gutters } from "../../styles";
+import { Image, StyleSheet, View } from "react-native";
+import { ai, background, icons } from "../../assets";
 import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
+import GradientButton from "../../components/GradientButton";
+import MusicLandHeader from "../../components/MusicLandHeader";
+import Page from "../../layouts/Page";
+import { Routes } from "../../navigation";
+import { goBack, navigate } from "../../navigation/NavigationService";
+import { gutters } from "../../styles";
 
 const Compose = () => {
   const [showIntro, setShowIntro] = useState(true);
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
       <Image source={ai.theo} style={styles.img} resizeMode="contain" />
-      <MusicLandHeader onPressBack={goBack} progress={9} />
+      <MusicLandHeader
+        onPressBack={goBack}
+        progress={9}
+        logo={icons.musicLandStudio}
+      />
       <View
         style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
       >

src/screens/Studio/ComposeSong.js

@@ -1,7 +1,7 @@
 import React, { useMemo, useRef, useState } from "react";
 import { Dimensions, View } from "react-native";
 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 firebase from "../../config/firebase";
@@ -128,7 +128,11 @@ const ComposeSong = () => {
 
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
-      <MusicLandHeader onPressBack={onPressBack} progress={progress} />
+      <MusicLandHeader
+        onPressBack={onPressBack}
+        progress={progress}
+        logo={icons.musicLandStudio}
+      />
       <View style={{ flex: 1, paddingBottom: gutters, gap: 48 }}>
         <View
           style={{ flex: 1 }}

src/screens/Studio/ComposeSong.web.js

@@ -6,7 +6,7 @@ import React, {
   useState,
 } from "react";
 import { Dimensions, FlatList, View } from "react-native";
-import { background } from "../../assets";
+import { background, icons } from "../../assets";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import firebase from "../../config/firebase";
@@ -172,7 +172,11 @@ const ComposeSong = () => {
 
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
-      <MusicLandHeader onPressBack={onPressBack} progress={progress} />
+      <MusicLandHeader
+        onPressBack={onPressBack}
+        progress={progress}
+        logo={icons.musicLandStudio}
+      />
       <View style={{ flex: 1, paddingBottom: gutters, gap: 48 }}>
         <View
           style={{ flex: 1 }}

src/screens/Studio/GeneratingSong.js

@@ -5,7 +5,7 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
 import { Image, Platform, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import { ai, background } from "../../assets";
+import { ai, background, icons } from "../../assets";
 import AppAlert from "../../components/Alert";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
@@ -208,6 +208,7 @@ const GeneratingSong = () => {
       <MusicLandHeader
         onPressBack={() => navigate(Routes.Home)}
         progress={63}
+        logo={icons.musicLandStudio}
       />
       <View style={{ flex: 1, marginTop: 16 }}>
         <CreateLyricsHeader