148 lines
5.5 KiB
Dart
148 lines
5.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
import '../state/providers.dart';
|
|
import '../theme/tokens.dart';
|
|
import '../widgets/hairline_panel.dart';
|
|
import 'browser_screen.dart';
|
|
|
|
/// Home tab — Recently Played (album-art strip), Recent Tracks, and Rediscover,
|
|
/// all derived from the local play history (mirrors Ratune's home tab).
|
|
class HomeScreen extends ConsumerWidget {
|
|
const HomeScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final client = ref.watch(subsonicClientProvider);
|
|
final recentAlbums = ref.watch(recentAlbumsProvider);
|
|
final recentSongs = ref.watch(recentSongsProvider);
|
|
final rediscover = ref.watch(rediscoverProvider);
|
|
|
|
return ListView(
|
|
padding: const EdgeInsets.fromLTRB(
|
|
RatuneSpacing.lg,
|
|
RatuneSpacing.xl,
|
|
RatuneSpacing.lg,
|
|
RatuneSpacing.lg,
|
|
),
|
|
children: [
|
|
HairlinePanel(
|
|
title: 'Recently Played',
|
|
child: SizedBox(
|
|
height: 120,
|
|
child: recentAlbums.isEmpty
|
|
? const _Empty('No listening history yet.')
|
|
: ListView.separated(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: recentAlbums.length,
|
|
separatorBuilder: (_, _) =>
|
|
const SizedBox(width: RatuneSpacing.md),
|
|
itemBuilder: (_, i) {
|
|
final rec = recentAlbums[i];
|
|
final art = (client != null && rec.coverArt != null)
|
|
? client.coverArtUri(rec.coverArt!, size: 240).toString()
|
|
: null;
|
|
return GestureDetector(
|
|
onTap: rec.albumId == null
|
|
? null
|
|
: () => Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (_) =>
|
|
AlbumScreen(id: rec.albumId!),
|
|
),
|
|
),
|
|
child: SizedBox(
|
|
width: 120,
|
|
child: ColoredBox(
|
|
color: RatuneColors.surface,
|
|
child: art != null
|
|
? Image.network(art,
|
|
fit: BoxFit.cover, gaplessPlayback: true)
|
|
: const Icon(Icons.album_outlined,
|
|
color: RatuneColors.dimmed),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: RatuneSpacing.xl),
|
|
HairlinePanel(
|
|
title: 'Recent Tracks',
|
|
padding: const EdgeInsets.symmetric(vertical: RatuneSpacing.md),
|
|
child: recentSongs.isEmpty
|
|
? const Padding(
|
|
padding: EdgeInsets.all(RatuneSpacing.lg),
|
|
child: _Empty('Nothing played recently.'),
|
|
)
|
|
: Column(
|
|
children: [
|
|
for (final rec in recentSongs.take(8))
|
|
BrowseRow(
|
|
title: rec.title,
|
|
trailing: rec.artist,
|
|
onTap: () => ref
|
|
.read(playbackProvider.notifier)
|
|
.playSongs([rec.toSong()]),
|
|
onPlayNext: () => ref
|
|
.read(playbackProvider.notifier)
|
|
.playNext(rec.toSong()),
|
|
onAddToQueue: () => ref
|
|
.read(playbackProvider.notifier)
|
|
.addToQueue(rec.toSong()),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: RatuneSpacing.xl),
|
|
HairlinePanel(
|
|
title: 'Rediscover',
|
|
padding: const EdgeInsets.symmetric(vertical: RatuneSpacing.md),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
if (rediscover.isEmpty)
|
|
const Padding(
|
|
padding: EdgeInsets.all(RatuneSpacing.lg),
|
|
child: _Empty('Listen to more music to unlock suggestions.'),
|
|
)
|
|
else
|
|
for (final a in rediscover)
|
|
BrowseRow(
|
|
title: a.name,
|
|
onTap: () => Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (_) => ArtistScreen(id: a.artistId),
|
|
),
|
|
),
|
|
),
|
|
InkWell(
|
|
onTap: () =>
|
|
ref.read(rediscoverSeedProvider.notifier).state++,
|
|
child: const Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: RatuneSpacing.lg,
|
|
vertical: RatuneSpacing.md,
|
|
),
|
|
child: Text('↻ re-roll',
|
|
style: TextStyle(color: RatuneColors.dimmed)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _Empty extends StatelessWidget {
|
|
const _Empty(this.message);
|
|
final String message;
|
|
@override
|
|
Widget build(BuildContext context) => Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(message, style: const TextStyle(color: RatuneColors.dimmed)),
|
|
);
|
|
}
|