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 '../player/audio_handler.dart';
|
||||||
import '../shared/cover.dart';
|
import '../shared/cover.dart';
|
||||||
|
import '../shared/favorite_button.dart';
|
||||||
import 'database.dart';
|
import 'database.dart';
|
||||||
import 'song_media.dart';
|
import 'song_media.dart';
|
||||||
|
|
||||||
@@ -27,6 +28,7 @@ class SongList extends StatelessWidget {
|
|||||||
title: Text(s.title, maxLines: 1, overflow: TextOverflow.ellipsis),
|
title: Text(s.title, maxLines: 1, overflow: TextOverflow.ellipsis),
|
||||||
subtitle: Text(s.artist ?? 'Unbekannt',
|
subtitle: Text(s.artist ?? 'Unbekannt',
|
||||||
maxLines: 1, overflow: TextOverflow.ellipsis),
|
maxLines: 1, overflow: TextOverflow.ellipsis),
|
||||||
|
trailing: FavoriteButton(songId: s.id),
|
||||||
onTap: () async {
|
onTap: () async {
|
||||||
try {
|
try {
|
||||||
await playSongs(handler, songs, i);
|
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