diff --git a/src/components/NowPlayingLayout.tsx b/src/components/NowPlayingLayout.tsx index 0e907ac..ae4e679 100644 --- a/src/components/NowPlayingLayout.tsx +++ b/src/components/NowPlayingLayout.tsx @@ -13,36 +13,31 @@ const NowPlayingHeader = () => { return ( - + {queueName || 'Nothing playing...'} - + ); }; const headerStyles = StyleSheet.create({ container: { - height: 60, + height: 58, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', // backgroundColor: 'green', }, - backArrow: { - height: 24, - width: 24, - margin: 20, + icons: { + height: 22, + width: 22, + margin: 17, }, queueName: { ...text.paragraph, }, - more: { - height: 24, - width: 24, - margin: 20, - }, }); const SongCoverArt = () => { @@ -110,6 +105,8 @@ const PlayerControls = () => { switch (state) { case State.Playing: + case State.Buffering: + case State.Connecting: playPauseIcon = require('../../res/pause_circle-fill.png'); playPauseStyle = controlsStyles.enabled; playPauseAction = () => TrackPlayer.pause(); @@ -119,12 +116,6 @@ const PlayerControls = () => { playPauseStyle = controlsStyles.enabled; playPauseAction = () => TrackPlayer.play(); break; - case State.Buffering: - case State.Connecting: - playPauseIcon = require('../../res/pause_circle-fill.png'); - playPauseStyle = controlsStyles.disabled; - playPauseAction = () => {}; - break; default: playPauseIcon = require('../../res/play_circle-fill.png'); playPauseStyle = controlsStyles.disabled;