m1, add file scan, library, browse, play, seek

2026-08-19 12:14:47 +02:00 · 2026-06-12 19:18:42 -04:00
parent 9761975af7
commit 23be9875e8
202 changed files with 6270 additions and 115 deletions
@@ -0,0 +1,69 @@
+import { View, Pressable, StyleSheet } from 'react-native';
+import { Text } from '@/components/Text';
+import { colors, radius, spacing } from '@/theme';
+
+export type LibraryViewMode = 'albums' | 'artists' | 'tracks' | 'folders';
+
+const MODES: { key: LibraryViewMode; label: string }[] = [
+  { key: 'albums', label: 'Albums' },
+  { key: 'artists', label: 'Artists' },
+  { key: 'tracks', label: 'Tracks' },
+  { key: 'folders', label: 'Folders' },
+];
+
+export function ViewModeSwitcher({
+  value,
+  onChange,
+}: {
+  value: LibraryViewMode;
+  onChange: (mode: LibraryViewMode) => void;
+}) {
+  return (
+    <View style={styles.row}>
+      {MODES.map((mode) => {
+        const active = mode.key === value;
+        return (
+          <Pressable
+            key={mode.key}
+            onPress={() => onChange(mode.key)}
+            style={[styles.pill, active && styles.pillActive]}
+            accessibilityRole="button"
+            accessibilityState={{ selected: active }}
+          >
+            <Text
+              variant="label"
+              style={[styles.label, active && styles.labelActive]}
+            >
+              {mode.label}
+            </Text>
+          </Pressable>
+        );
+      })}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: spacing.sm,
+  },
+  pill: {
+    backgroundColor: colors.glassBg,
+    borderColor: colors.glassBorder,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: radius.pill,
+    paddingHorizontal: spacing.md,
+    paddingVertical: spacing.xs + 2,
+  },
+  pillActive: {
+    borderColor: colors.accent,
+    backgroundColor: 'rgba(56, 189, 248, 0.08)',
+  },
+  label: {
+    color: colors.textSecondary,
+  },
+  labelActive: {
+    color: colors.accent,
+  },
+});