diff --git a/src/components/Player/mini-player.tsx b/src/components/Player/mini-player.tsx index 7d6ce23a..fc5ab2e0 100644 --- a/src/components/Player/mini-player.tsx +++ b/src/components/Player/mini-player.tsx @@ -22,10 +22,10 @@ import { runOnJS } from 'react-native-worklets' import { RootStackParamList } from '../../screens/types' import { NativeStackNavigationProp } from '@react-navigation/native-stack' import ItemImage from '../Global/components/image' -import { usePrevious, useSkip, useTogglePlayback } from '../../providers/Player/hooks/mutations' +import { usePrevious, useSkip } from '../../providers/Player/hooks/mutations' import { useCurrentTrack } from '../../stores/player/queue' -export const Miniplayer = React.memo(function Miniplayer(): React.JSX.Element { +export default function Miniplayer(): React.JSX.Element { const nowPlaying = useCurrentTrack() const skip = useSkip() const previous = usePrevious() @@ -150,7 +150,7 @@ export const Miniplayer = React.memo(function Miniplayer(): React.JSX.Element { ) -}) +} function MiniPlayerProgress(): React.JSX.Element { const progress = useProgress(UPDATE_INTERVAL) diff --git a/src/screens/Tabs/tab-bar.tsx b/src/screens/Tabs/tab-bar.tsx index 57a529fd..45d06d1a 100644 --- a/src/screens/Tabs/tab-bar.tsx +++ b/src/screens/Tabs/tab-bar.tsx @@ -1,17 +1,14 @@ -import { Miniplayer } from '../../components/Player/mini-player' +import Miniplayer from '../../components/Player/mini-player' import InternetConnectionWatcher from '../../components/Network/internetConnectionWatcher' import { BottomTabBar, BottomTabBarProps } from '@react-navigation/bottom-tabs' import useIsMiniPlayerActive from '../../hooks/use-mini-player' -import { useIsFocused } from '@react-navigation/native' export default function TabBar({ ...props }: BottomTabBarProps): React.JSX.Element { - const isFocused = useIsFocused() - const isMiniPlayerActive = useIsMiniPlayerActive() return ( <> - {isMiniPlayerActive && isFocused && } + {isMiniPlayerActive && }