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:
Hermes (Server)
2026-08-18 15:29:51 +02:00
co-authored by Claude Haiku 4.5
parent 5c8796d353
commit db99e2b1f7
3 changed files with 72 additions and 0 deletions
+2
View File
@@ -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);
+31
View File
@@ -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),
);
},
);
}
}
+39
View File
@@ -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();
});
}