javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: show artist in playlist view

Browse Source
This commit is contained in:
Lei Nelissen
2023-04-22 23:41:41 +02:00
parent 1d7db11328
commit c3c32ae565
2 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/screens/Music/stacks/Playlist.tsx
View File

@@ -39,6 +39,7 @@ const Playlist: React.FC = () => {
shuffleButtonText={t('shuffle-playlist')}
downloadButtonText={t('download-playlist')}
deleteButtonText={t('delete-playlist')}
itemDisplayStyle='playlist'
/>
);
};

38
src/screens/Music/stacks/components/TrackListView.tsx
View File

@@ -47,6 +47,7 @@ const TrackContainer = styled.View<{ isPlaying: boolean }>`
padding: 12px 4px;
flex-direction: row;
border-radius: 6px;
align-items: flex-start;
${props => props.isPlaying && css`
margin: 0 -12px;
@@ -65,6 +66,7 @@ interface TrackListViewProps {
downloadButtonText: string;
deleteButtonText: string;
listNumberingStyle?: 'album' | 'index';
itemDisplayStyle?: 'album' | 'playlist';
}
const TrackListView: React.FC<TrackListViewProps> = ({
@@ -78,6 +80,7 @@ const TrackListView: React.FC<TrackListViewProps> = ({
downloadButtonText,
deleteButtonText,
listNumberingStyle = 'album',
itemDisplayStyle = 'album',
}) => {
const defaultStyles = useDefaultStyles();
const navigatorPadding = useNavigatorPadding();
@@ -154,16 +157,31 @@ const TrackListView: React.FC<TrackListViewProps> = ({
? i + 1
: tracks[trackId]?.IndexNumber}
</Text>
<Text
style={{
...currentTrack?.backendId === trackId && styles.activeText,
flexShrink: 1,
marginRight: 4,
}}
numberOfLines={1}
>
{tracks[trackId]?.Name}
</Text>
<View>
<Text
style={{
...currentTrack?.backendId === trackId && styles.activeText,
flexShrink: 1,
marginRight: 4,
}}
numberOfLines={1}
>
{tracks[trackId]?.Name}
</Text>
{itemDisplayStyle === 'playlist' && (
<Text
style={{
...currentTrack?.backendId === trackId && styles.activeText,
flexShrink: 1,
marginRight: 4,
opacity:currentTrack?.backendId === trackId ? 0.5 : 0.25,
}}
numberOfLines={1}
>
{tracks[trackId]?.Artists.join(', ')}
</Text>
)}
</View>
<View style={{ marginLeft: 'auto', flexDirection: 'row' }}>
<Text
style={[