feat(ui): add favorite heart toggle, wire into song list
- Filled heart when favorited, outline when not (reactive via watchIsFavorite) - Wired into every song list tile (library, search, playlists) Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Haiku 4.5
parent
5c8796d353
commit
db99e2b1f7
@@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
|
||||
|
||||
import '../player/audio_handler.dart';
|
||||
import '../shared/cover.dart';
|
||||
import '../shared/favorite_button.dart';
|
||||
import 'database.dart';
|
||||
import 'song_media.dart';
|
||||
|
||||
@@ -27,6 +28,7 @@ class SongList extends StatelessWidget {
|
||||
title: Text(s.title, maxLines: 1, overflow: TextOverflow.ellipsis),
|
||||
subtitle: Text(s.artist ?? 'Unbekannt',
|
||||
maxLines: 1, overflow: TextOverflow.ellipsis),
|
||||
trailing: FavoriteButton(songId: s.id),
|
||||
onTap: () async {
|
||||
try {
|
||||
await playSongs(handler, songs, i);
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../library/database.dart';
|
||||
import '../library/playlist_service.dart';
|
||||
import 'theme.dart';
|
||||
|
||||
/// Herz-Toggle: ausgefüllt = favorisiert, umrandet = nicht favorisiert.
|
||||
class FavoriteButton extends StatelessWidget {
|
||||
const FavoriteButton({super.key, required this.songId});
|
||||
final String songId;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final db = context.read<MeloDb>();
|
||||
final service = context.read<PlaylistService>();
|
||||
return StreamBuilder<bool>(
|
||||
stream: db.watchIsFavorite(songId),
|
||||
builder: (context, snapshot) {
|
||||
final isFavorite = snapshot.data ?? false;
|
||||
return IconButton(
|
||||
tooltip: isFavorite ? 'Favorit entfernen' : 'Zu Favoriten hinzufügen',
|
||||
icon: Icon(
|
||||
isFavorite ? Icons.favorite : Icons.favorite_border,
|
||||
color: isFavorite ? MeloTheme.red : Colors.white54,
|
||||
),
|
||||
onPressed: () => service.toggleFavorite(songId),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
import 'package:drift/native.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_test/flutter_test.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:melo/library/database.dart';
|
||||
import 'package:melo/library/playlist_service.dart';
|
||||
import 'package:melo/shared/favorite_button.dart';
|
||||
|
||||
void main() {
|
||||
testWidgets('shows outlined heart when not favorite, fills on tap', (tester) async {
|
||||
final db = MeloDb(NativeDatabase.memory());
|
||||
final service = PlaylistService(db);
|
||||
await db.into(db.songs).insert(SongsCompanion.insert(
|
||||
id: 'song-1', path: '/a.mp3', title: 'A', dateAddedMs: 0, updatedAtMs: 0,
|
||||
));
|
||||
|
||||
await tester.pumpWidget(
|
||||
MultiProvider(
|
||||
providers: [
|
||||
Provider<MeloDb>.value(value: db),
|
||||
ChangeNotifierProvider<PlaylistService>.value(value: service),
|
||||
],
|
||||
child: MaterialApp(
|
||||
home: Scaffold(body: FavoriteButton(songId: 'song-1')),
|
||||
),
|
||||
),
|
||||
);
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
expect(find.byIcon(Icons.favorite_border), findsOneWidget);
|
||||
|
||||
await tester.tap(find.byIcon(Icons.favorite_border));
|
||||
await tester.pumpAndSettle();
|
||||
|
||||
expect(find.byIcon(Icons.favorite), findsOneWidget);
|
||||
|
||||
await db.close();
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user