astra/astra-mobile
1
0
Fork 0
mirror of https://github.com/Boof2015/astra-mobile.git synced 2026-08-19 20:20:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

swap now playing button order

Browse Source
This commit is contained in:
Boof2015
2026-07-30 18:18:38 -04:00
parent 54732c8b85
commit 37fc57d0d5
1 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/player/NowPlayingOverlay.tsx
+40 -40
View File
@@ -1595,46 +1595,6 @@ export function NowPlayingOverlay() {
<FormatBadges track={track} wrap={false} variant="plain" /> <FormatBadges track={track} wrap={false} variant="plain" />
</View> </View>
<View style={styles.subActions}> <View style={styles.subActions}>
<TactilePressable
hitSlop={10}
style={styles.subBtn} android_ripple={ripple.icon(20)}
haptic="selection"
onPress={showLyrics}
accessibilityLabel={
hasTabletCompanion
? 'Show lyrics in companion'
: lyricsVisible
? 'Hide lyrics'
: 'Show lyrics'
}
accessibilityState={{
selected: hasTabletCompanion
? nowPlayingCompanion === 'lyrics'
: lyricsVisible,
}}
>
<PlayerStateIcon
selected={
(hasTabletCompanion && nowPlayingCompanion === 'lyrics') ||
(!hasTabletCompanion && lyricsVisible)
}
size={SUB_ICON_SIZE + 2}
inactive={
<MaterialCommunityIcons
name="script-text-outline"
size={SUB_ICON_SIZE + 2}
color={colors.textTertiary}
/>
}
active={
<MaterialCommunityIcons
name="script-text-outline"
size={SUB_ICON_SIZE + 2}
color={colors.accent}
/>
}
/>
</TactilePressable>
<TactilePressable <TactilePressable
hitSlop={10} hitSlop={10}
style={styles.subBtn} android_ripple={ripple.icon(20)} style={styles.subBtn} android_ripple={ripple.icon(20)}
@@ -1675,6 +1635,46 @@ export function NowPlayingOverlay() {
color={colors.textTertiary} color={colors.textTertiary}
/> />
</TactilePressable> </TactilePressable>
<TactilePressable
hitSlop={10}
style={styles.subBtn} android_ripple={ripple.icon(20)}
haptic="selection"
onPress={showLyrics}
accessibilityLabel={
hasTabletCompanion
? 'Show lyrics in companion'
: lyricsVisible
? 'Hide lyrics'
: 'Show lyrics'
}
accessibilityState={{
selected: hasTabletCompanion
? nowPlayingCompanion === 'lyrics'
: lyricsVisible,
}}
>
<PlayerStateIcon
selected={
(hasTabletCompanion && nowPlayingCompanion === 'lyrics') ||
(!hasTabletCompanion && lyricsVisible)
}
size={SUB_ICON_SIZE + 2}
inactive={
<MaterialCommunityIcons
name="script-text-outline"
size={SUB_ICON_SIZE + 2}
color={colors.textTertiary}
/>
}
active={
<MaterialCommunityIcons
name="script-text-outline"
size={SUB_ICON_SIZE + 2}
color={colors.accent}
/>
}
/>
</TactilePressable>
</View> </View>
</View> </View>
</View> </View>