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" }}
       >