Melo/lib/library/artist_list.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import 'database.dart';
import 'song_grouping.dart';
import '../shared/titel_listen_screen.dart';
import '../shared/theme.dart';

/// Bibliotheks-Tab: Künstler-Übersicht, gruppiert aus [MeloDb.watchSongs].
class ArtistListScreen extends StatelessWidget {
  const ArtistListScreen({super.key});

  @override
  Widget build(BuildContext context) {
    final db = context.read<MeloDb>();
    return StreamBuilder<List<Song>>(
      stream: db.watchSongs(),
      builder: (context, snapshot) {
        final songs = snapshot.data ?? const [];
        if (songs.isEmpty) {
          return const Center(
            child: Text('Keine Künstler', style: TextStyle(color: MeloTheme.text2)),
          );
        }
        final grouped = groupByArtist(songs);
        final artists = grouped.keys.toList();
        return ListView.builder(
          itemCount: artists.length,
          itemBuilder: (context, i) {
            final artist = artists[i];
            final artistSongs = grouped[artist]!;
            return ListTile(
              title: Text(artist, maxLines: 1, overflow: TextOverflow.ellipsis),
              subtitle: Text('${artistSongs.length} Songs'),
              onTap: () => Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (_) =>
                      TitelListenScreen(titel: artist, songs: artistSongs),
                ),
              ),
            );
          },
        );
      },
    );
  }
}