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

Add default image styles and shadow to nowpalying overlay

Browse Source
This commit is contained in:
Lei Nelissen
2022-05-17 23:55:50 +02:00
parent f66b541e1b
commit f8d5aa68c2
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/screens/Music/overlays/NowPlaying/index.tsx
View File

@@ -16,6 +16,7 @@ import { useNavigation } from '@react-navigation/native';
import { calculateProgressTranslation } from 'components/Progresstrack'; import { calculateProgressTranslation } from 'components/Progresstrack';
import { THEME_COLOR } from 'CONSTANTS'; import { THEME_COLOR } from 'CONSTANTS';
import { MusicNavigationProp } from 'screens/Music/types'; import { MusicNavigationProp } from 'screens/Music/types';
import { ShadowWrapper } from 'components/Shadow';
const NOW_PLAYING_POPOVER_MARGIN = 6; const NOW_PLAYING_POPOVER_MARGIN = 6;
const NOW_PLAYING_POPOVER_WIDTH = Dimensions.get('screen').width - 2 * NOW_PLAYING_POPOVER_MARGIN; const NOW_PLAYING_POPOVER_WIDTH = Dimensions.get('screen').width - 2 * NOW_PLAYING_POPOVER_MARGIN;
@@ -111,6 +112,7 @@ function SelectActionButton() {
function NowPlaying() { function NowPlaying() {
const { index, track } = useCurrentTrack(); const { index, track } = useCurrentTrack();
const { buffered, duration, position } = useProgress(); const { buffered, duration, position } = useProgress();
const defaultStyles = useDefaultStyles();
const previousIndex = usePrevious(index); const previousIndex = usePrevious(index);
const navigation = useNavigation<MusicNavigationProp>(); const navigation = useNavigation<MusicNavigationProp>();
@@ -150,7 +152,9 @@ function NowPlaying() {
</ShadowOverlay> </ShadowOverlay>
<ColoredBlurView style={{ borderRadius: 8 }}> <ColoredBlurView style={{ borderRadius: 8 }}>
<InnerContainer onPress={openNowPlayingModal} activeOpacity={0.5}> <InnerContainer onPress={openNowPlayingModal} activeOpacity={0.5}>
<Cover source={{ uri: (track.artwork || '') as string }} /> <ShadowWrapper size="small">
<Cover source={{ uri: (track.artwork || '') as string }} style={defaultStyles.imageBackground} />
</ShadowWrapper>
<TrackNameContainer> <TrackNameContainer>
<Text numberOfLines={1}>{track.title}</Text> <Text numberOfLines={1}>{track.title}</Text>
<Text style={{ opacity: 0.5 }} numberOfLines={1}> <Text style={{ opacity: 0.5 }} numberOfLines={1}>