Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2025-12-27 00:59:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

tweak header to match albums a bit

Browse Source
This commit is contained in:
austinried 2021-07-05 10:14:19 +09:00
parent 3c969c2972
commit 8f7b285938
1 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/NowPlayingLayout.tsx
View File

@ -13,36 +13,31 @@ const NowPlayingHeader = () => {
return (
<View style={headerStyles.container}>
<FastImage source={require('../../res/arrow_left-fill.png')} style={headerStyles.backArrow} tintColor="white" />
<FastImage source={require('../../res/arrow_left-fill.png')} style={headerStyles.icons} tintColor="white" />
<Text numberOfLines={2} style={headerStyles.queueName}>
{queueName || 'Nothing playing...'}
</Text>
<FastImage source={require('../../res/more_vertical.png')} style={headerStyles.more} tintColor="white" />
<FastImage source={require('../../res/more_vertical.png')} style={headerStyles.icons} tintColor="white" />
</View>
);
};
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;