feat: fixes and formatter

src/components/MusicLandHeader.js

@@ -1,9 +1,9 @@
-import React from "react";
-import { Image, Platform, Pressable, Text, View } from "react-native";
-import { icons } from "../assets";
-import { Palette, Style } from "../styles";
-import { FONT_FAMILY } from "../styles/Fonts";
-import ProgressBar from "./ProgressBar";
+import React from 'react'
+import { Image, Platform, Pressable, Text, View } from 'react-native'
+import { icons } from '../assets'
+import { Palette, Style } from '../styles'
+import { FONT_FAMILY } from '../styles/Fonts'
+import ProgressBar from './ProgressBar'
 
 const MusicLandHeader = ({
   onPressBack,
@@ -13,10 +13,8 @@ const MusicLandHeader = ({
   logo = null,
   style,
 }) => {
-  const isWeb = Platform.OS === "web";
-  const backHitSlop = isWeb
-    ? undefined
-    : { top: 16, right: 16, bottom: 16, left: 16 };
+  const isWeb = Platform.OS === 'web'
+  const backHitSlop = isWeb ? undefined : { top: 16, right: 16, bottom: 16, left: 16 }
   const backButtonStyle = isWeb
     ? {
         ...Style.containerRow,
@@ -27,29 +25,21 @@ const MusicLandHeader = ({
         borderWidth: 1,
         backgroundColor: Palette.ultraLightWhite,
         borderColor: Palette.ultraLightWhite,
-        borderStyle: "solid",
+        borderStyle: 'solid',
       }
-    : { width: 24, height: 24, ...Style.containerCenter };
-  const backIconSource = isWeb ? icons.chevronDown : icons.chevronDown;
+    : { width: 24, height: 24, ...Style.containerCenter }
+  const backIconSource = isWeb ? icons.chevronDown : icons.chevronDown
   const backIconStyle = {
     width: 15,
     height: 15,
-    transform: [{ rotate: "90deg" }],
-  };
+    transform: [{ rotate: '90deg' }],
+  }
 
   return (
-    <View style={{ alignItems: "center", gap: 16, ...style }}>
-      <View style={{ width: "100%", ...Style.containerRow, gap: 16 }}>
-        <Pressable
-          style={backButtonStyle}
-          onPress={onPressBack}
-          hitSlop={backHitSlop}
-        >
-          <Image
-            source={backIconSource}
-            style={backIconStyle}
-            resizeMode="contain"
-          />
+    <View style={{ alignItems: 'center', gap: 16, ...style }}>
+      <View style={{ width: '100%', ...Style.containerRow, gap: 16 }}>
+        <Pressable style={backButtonStyle} onPress={onPressBack} hitSlop={backHitSlop}>
+          <Image source={backIconSource} style={backIconStyle} resizeMode="contain" />
           {isWeb && (
             <Text
               style={{
@@ -84,14 +74,14 @@ const MusicLandHeader = ({
         <Image
           source={logo}
           style={{
-            alignSelf: "center",
+            alignSelf: 'center',
             height: isWeb ? 150 : 100,
-            resizeMode: "contain",
+            resizeMode: 'contain',
           }}
         />
       )}
     </View>
-  );
-};
+  )
+}
 
-export default MusicLandHeader;
+export default MusicLandHeader