Just more responsive

src/FLAD/components/Card.tsx

@@ -1,7 +1,7 @@
 import { View, Image , Dimensions, StyleSheet } from 'react-native'
 import React from 'react'
 import Animated,{ Extrapolate, interpolate, runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
-
+import normalize from '../components/Normalize';
 import { PanGestureHandler, PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';
 
 const SCREEN_WIDTH = Dimensions.get('window').width
@@ -246,8 +246,8 @@ const styles = StyleSheet.create({
   image : {
     borderRadius : 24,
     resizeMode: 'stretch',
-    height: 362,
+    height: normalize(420),
-    width: 362,
+    width: normalize(420),
 },
 container: {
   flex: 1,

src/FLAD/navigation/AuthNavigation.tsx

@@ -38,24 +38,16 @@ export default function AuthNavigation() {
   }, [appIsReady]);
 
   if (appIsReady == false) {
-    console.log(appIsReady, "T9 AuthNav")
     return null;
   }
-  console.log(appIsReady, "k9 AuthNav")
-  // console.log(userToken, "k9 AuthNav")
     return (
-        <>
+        <SafeAreaProvider>
                  {isLogin ? (
          /* {userToken != null ? ( */
-        <SafeAreaProvider>
             <Navigation/>
-        </SafeAreaProvider>
-    
         ) : 
-        <SafeAreaProvider >
             <StartNavigation/>
-        </SafeAreaProvider>
         }
-    </>
+    </SafeAreaProvider>
     )
   }

src/FLAD/navigation/Navigation.tsx

@@ -41,7 +41,6 @@ export default function Navigation() {
           <BottomTabNavigator.Navigator 
             initialRouteName="Spots" 
             screenOptions={{
-              //tabBarShowLabel: false, //to remove the titles under the icons
               tabBarStyle: styles.tabBar,
               ...(Platform.OS === 'android' 
               ? { tabBarLabelStyle: { bottom: normalize(10) } }
@@ -56,8 +55,6 @@ export default function Navigation() {
                          }}/>
               <BottomTabNavigator.Screen name="Favorites" component={FavoriteNavigation}
                         options={{
-                          // use Selector state redux badgeCount ? badgeCount : undefined
-
                           tabBarBadge : favoritesMusicLength,
                           tabBarBadgeStyle : {backgroundColor : 'yellow'}, 
                             headerShown: false,

src/FLAD/screens/MusicDetail.tsx

@@ -7,6 +7,7 @@ import axios from "axios";
 import { Buffer } from 'buffer';
 import { Audio } from 'expo-av';
 import { useEffect, useState } from "react";
+import normalize from '../components/Normalize';
 import { State, TapGestureHandler } from "react-native-gesture-handler";
 import { RequestHandler } from "../services/spotify/spotifyRequestHandler/utils";
 import { FetchRequest } from "expo-auth-session/build/Fetch";
@@ -233,8 +234,8 @@ const MusicDetail = ({ route }) => {
                     style={[
                         {
                             
-                        width: 370,
+                        width: normalize(429),
-                        height: 370,
+                        height: normalize(429),
                         borderRadius : 24,
                         resizeMode: 'stretch',
                         },styleAniamatedImage
@@ -242,11 +243,10 @@ const MusicDetail = ({ route }) => {
                     ]}
                     />
                     <Button title="Play Track On Device"
-                  onPress={() => {
+                    onPress={() => {
-                    playMusic(currentspot.id)
+                        playMusic(currentspot.id)
-                    // promptAsync();
+                        // promptAsync();
-                  }}
+                    }}/>
-                />
 
                     </View>
                     {/* Button */}
@@ -263,11 +263,11 @@ const MusicDetail = ({ route }) => {
                             }}  
                             onPressOut={handleStopSound}
                             onLongPress={handlePlaySound}
-                            delayLongPress={1000}>
+                            delayLongPress={500}>
 
                                 <Text style={ {
                                     color: '#fff',
-                                    fontSize: 16,
+                                    fontSize: normalize(18),
                                     fontWeight: 'bold',}}>
                                         {isPlaying ? 'Playing...' : 'Play'}
                                 </Text>

src/FLAD/screens/spot.tsx

@@ -13,7 +13,7 @@ import axios from 'axios';
 import * as SecureStore from 'expo-secure-store';
 import { MY_SECURE_AUTH_STATE_KEY } from './login';
 import * as AuthSession from 'expo-auth-session';
-
+import normalize from '../components/Normalize';
 import * as Location from 'expo-location';
 import Icons from '../assets/icons/icons/icon';
 import LottieView from 'lottie-react-native'
@@ -226,18 +226,18 @@ export default function SpotPage() {
               style={{
                 fontStyle : 'normal',
                 left: wWidht/9 ,
-                top: 75,
+                top: normalize(87),
                 color: "#FFFFFF",
-                fontSize: 30,
+                fontSize: normalize(35),
                 fontWeight: "800",
               }}>{currentCard.music.title}</Text>
               <Text
               style={{
                 fontStyle : 'normal',
                 left: wWidht/9 ,
-                top: 75,
+                top: normalize(87),
                 color: "#FFFFFF",
-                fontSize: 18,
+                fontSize: normalize(20),
               }}>{currentCard.music.bio}</Text>
             </LinearGradient>
         </SafeAreaView>