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

fix: missing background on track pop-up menu

Browse Source
This commit is contained in:
Lei Nelissen
2024-10-12 23:03:44 +02:00
parent 2c42a897d9
commit f2cac91e2f
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/screens/modals/TrackPopupMenu.tsx
View File

@@ -16,6 +16,7 @@ import { queueTrackForDownload, removeDownloadedTrack } from '@/store/downloads/
import usePlayTracks from '@/utility/usePlayTracks'; import usePlayTracks from '@/utility/usePlayTracks';
import { selectIsDownloaded } from '@/store/downloads/selectors'; import { selectIsDownloaded } from '@/store/downloads/selectors';
import { useGetImage } from '@/utility/JellyfinApi/lib'; import { useGetImage } from '@/utility/JellyfinApi/lib';
import { ColoredBlurView } from '@/components/Colors';
type Route = RouteProp<StackParams, 'TrackPopupMenu'>; type Route = RouteProp<StackParams, 'TrackPopupMenu'>;
@@ -74,20 +75,22 @@ function TrackPopupMenu() {
}, [trackId, dispatch, closeModal]); }, [trackId, dispatch, closeModal]);
return ( return (
<Container> <ColoredBlurView>
<Artwork src={getImage(track)} /> <Container>
<Header>{track?.Name}</Header> <Artwork src={getImage(track)} />
<SubHeader style={{ marginBottom: 18 }}>{track?.AlbumArtist} {track?.Album ? '— ' + track?.Album : ''}</SubHeader> <Header>{track?.Name}</Header>
<WrappableButtonRow> <SubHeader style={{ marginBottom: 18 }}>{track?.AlbumArtist} {track?.Album ? '— ' + track?.Album : ''}</SubHeader>
<WrappableButton title={t('play-next')} icon={PlayIcon} onPress={handlePlayNext} /> <WrappableButtonRow>
<WrappableButton title={t('add-to-queue')} icon={QueueAppendIcon} onPress={handleAddToQueue} /> <WrappableButton title={t('play-next')} icon={PlayIcon} onPress={handlePlayNext} />
{isDownloaded ? ( <WrappableButton title={t('add-to-queue')} icon={QueueAppendIcon} onPress={handleAddToQueue} />
<WrappableButton title={t('delete-track')} icon={TrashIcon} onPress={handleDelete} /> {isDownloaded ? (
) : ( <WrappableButton title={t('delete-track')} icon={TrashIcon} onPress={handleDelete} />
<WrappableButton title={t('download-track')} icon={DownloadIcon} onPress={handleDownload} /> ) : (
)} <WrappableButton title={t('download-track')} icon={DownloadIcon} onPress={handleDownload} />
</WrappableButtonRow> )}
</Container> </WrappableButtonRow>
</Container>
</ColoredBlurView>
); );
} }