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 ( return (
<View style={headerStyles.container}> <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}> <Text numberOfLines={2} style={headerStyles.queueName}>
{queueName || 'Nothing playing...'} {queueName || 'Nothing playing...'}
</Text> </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> </View>
); );
}; };
const headerStyles = StyleSheet.create({ const headerStyles = StyleSheet.create({
container: { container: {
height: 60, height: 58,
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
justifyContent: 'space-between', justifyContent: 'space-between',
// backgroundColor: 'green', // backgroundColor: 'green',
}, },
backArrow: { icons: {
height: 24, height: 22,
width: 24, width: 22,
margin: 20, margin: 17,
}, },
queueName: { queueName: {
...text.paragraph, ...text.paragraph,
}, },
more: {
height: 24,
width: 24,
margin: 20,
},
}); });
const SongCoverArt = () => { const SongCoverArt = () => {
@ -110,6 +105,8 @@ const PlayerControls = () => {
switch (state) { switch (state) {
case State.Playing: case State.Playing:
case State.Buffering:
case State.Connecting:
playPauseIcon = require('../../res/pause_circle-fill.png'); playPauseIcon = require('../../res/pause_circle-fill.png');
playPauseStyle = controlsStyles.enabled; playPauseStyle = controlsStyles.enabled;
playPauseAction = () => TrackPlayer.pause(); playPauseAction = () => TrackPlayer.pause();
@ -119,12 +116,6 @@ const PlayerControls = () => {
playPauseStyle = controlsStyles.enabled; playPauseStyle = controlsStyles.enabled;
playPauseAction = () => TrackPlayer.play(); playPauseAction = () => TrackPlayer.play();
break; break;
case State.Buffering:
case State.Connecting:
playPauseIcon = require('../../res/pause_circle-fill.png');
playPauseStyle = controlsStyles.disabled;
playPauseAction = () => {};
break;
default: default:
playPauseIcon = require('../../res/play_circle-fill.png'); playPauseIcon = require('../../res/play_circle-fill.png');
playPauseStyle = controlsStyles.disabled; playPauseStyle = controlsStyles.disabled;