tickets

src/components/player/GlobalAudioPlayer.js

@@ -5,8 +5,8 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { icons, img } from "../../assets";
 import { arrayRemove, arrayUnion, projectsRef } from "../../config/firebase";
-import { isWeb } from "../../hooks/useLayoutType";
 import useDataFromRef from "../../hooks/useDataFromRef";
+import { isWeb } from "../../hooks/useLayoutType";
 import usePlayer from "../../hooks/usePlayer";
 import { useUser } from "../../providers/UserDataProvider";
 import { gutters, Palette } from "../../styles";
@@ -65,11 +65,9 @@ const GlobalAudioPlayer = () => {
     return likedByList.includes(currentUID);
   }, [likedByList, projectId, currentUID]);
 
-  const effectiveIsLiked =
-    pendingLike !== null ? pendingLike : likedFromDoc;
+  const effectiveIsLiked = pendingLike !== null ? pendingLike : likedFromDoc;
 
-  const isLikeProcessing =
-    pendingLike !== null && pendingLike !== likedFromDoc;
+  const isLikeProcessing = pendingLike !== null && pendingLike !== likedFromDoc;
 
   useEffect(() => {
     setPendingLike(null);
@@ -96,12 +94,7 @@ const GlobalAudioPlayer = () => {
     } catch (_error) {
       setPendingLike(null);
     }
-  }, [
-    currentUID,
-    effectiveIsLiked,
-    isLikeProcessing,
-    projectId,
-  ]);
+  }, [currentUID, effectiveIsLiked, isLikeProcessing, projectId]);
 
   const insets = useSafeAreaInsets();
 
@@ -130,7 +123,7 @@ const GlobalAudioPlayer = () => {
 
   const TAB_BAR_HEIGHT = 64;
   const GAP_WITH_TAB = 8;
-  const bottomOffset = (isWeb ? gutters : 3) + TAB_BAR_HEIGHT + GAP_WITH_TAB;
+  const bottomOffset = (isWeb ? gutters : 5) + TAB_BAR_HEIGHT + GAP_WITH_TAB;
 
   if (!hasTrack) return null;