feat: fixes and formatter

src/screens/Studio/Compose.js

@@ -1,24 +1,24 @@
-import React, { useEffect, useState } from "react";
-import { View } from "react-native";
-import { background } 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";
-import { useUserData } from "../../providers/UserDataProvider";
-import { isWeb } from "../../hooks/useLayoutType";
+import React, { useEffect, useState } from 'react'
+import { View } from 'react-native'
+import { background } 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'
+import { useUserData } from '../../providers/UserDataProvider'
+import { isWeb } from '../../hooks/useLayoutType'
 
 const Compose = () => {
-  const { videos } = useUserData();
+  const { videos } = useUserData()
 
-  const [videoUrl, setVideoUrl] = useState(null);
+  const [videoUrl, setVideoUrl] = useState(null)
 
   useEffect(() => {
-    setVideoUrl(isWeb ? videos.malikWeb : videos?.malik);
-  }, []);
+    setVideoUrl(isWeb ? videos.malikWeb : videos?.malik)
+  }, [])
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
       <MusicLandHeader
@@ -26,9 +26,7 @@ const Compose = () => {
         progress={9}
         // logo={icons.musicLandStudio}
       />
-      <View
-        style={{ flex: 1, position: "relative", justifyContent: "flex-end" }}
-      >
+      <View style={{ flex: 1, position: 'relative', justifyContent: 'flex-end' }}>
         <View
           style={{
             paddingBottom: gutters * 2,
@@ -42,13 +40,9 @@ const Compose = () => {
           />
         </View>
       </View>
-      <FullscreenIntroVideo
-        visible={!!videoUrl}
-        url={videoUrl}
-        onClose={() => setVideoUrl(null)}
-      />
+      <FullscreenIntroVideo visible={!!videoUrl} url={videoUrl} onClose={() => setVideoUrl(null)} />
     </Page>
-  );
-};
+  )
+}
 
-export default Compose;
+export default Compose