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

m2, library ux

Browse Source
This commit is contained in:
Boof2015
2026-06-13 13:13:53 -04:00
parent 23be9875e8
commit 3d30a09713
24 changed files with 2397 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/library/ViewModeSwitcher.tsx
+5 -4
View File
@@ -1,13 +1,14 @@
import { View, Pressable, StyleSheet } from 'react-native';
import { Pressable, ScrollView, StyleSheet } from 'react-native';
import { Text } from '@/components/Text';
import { colors, radius, spacing } from '@/theme';
export type LibraryViewMode = 'albums' | 'artists' | 'tracks' | 'folders';
export type LibraryViewMode = 'albums' | 'artists' | 'tracks' | 'playlists' | 'folders';
const MODES: { key: LibraryViewMode; label: string }[] = [
{ key: 'albums', label: 'Albums' },
{ key: 'artists', label: 'Artists' },
{ key: 'tracks', label: 'Tracks' },
{ key: 'playlists', label: 'Playlists' },
{ key: 'folders', label: 'Folders' },
];
@@ -19,7 +20,7 @@ export function ViewModeSwitcher({
onChange: (mode: LibraryViewMode) => void;
}) {
return (
<View style={styles.row}>
<ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.row}>
{MODES.map((mode) => {
const active = mode.key === value;
return (
@@ -39,7 +40,7 @@ export function ViewModeSwitcher({
</Pressable>
);
})}
</View>
</ScrollView>
);
}