mirror of
https://github.com/KRTirtho/spotube.git
synced 2025-09-12 23:45:18 +00:00
6673e5a8a8
* feat: add riverpod based favorite album provider * feat: add album is saved, new releases and tracks providers * feat: add artist related providers * feat: add all categories providers * feat: add lyrics provider * feat: add playlist related providers * feat: add search provider * feat: add view and spotify friends provider * feat: add playlist create and update and favorite handlers * feat: use providers in home screen * chore: fix dart lint issues * feat: use new providers for playlist and albums screen * feat: use providers in artist page * feat: use providers on library page * feat: use provider for playlist and album card and heart button * feat: use provider in search page * feat: use providers in generate playlist * feat: use provider in lyrics screen * feat: use provider for create playlist * feat: use provider in add track dialog * feat: use providers in remaining pages and remove fl_query * fix: remove direct access to provider.value * fix: glitching when loading * fix: user album loading next page indicator * feat: make many provider autoDispose after 5 minutes of no usage * fix: ignore episodes in tracks
91 lines
3.1 KiB
Dart
91 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:spotify/spotify.dart';
|
|
|
|
import 'package:spotube/collections/assets.gen.dart';
|
|
import 'package:spotube/components/shared/image/universal_image.dart';
|
|
import 'package:spotube/components/shared/links/link_text.dart';
|
|
import 'package:spotube/extensions/constrains.dart';
|
|
import 'package:spotube/provider/proxy_playlist/proxy_playlist_provider.dart';
|
|
import 'package:spotube/utils/service_utils.dart';
|
|
import 'package:spotube/utils/type_conversion_utils.dart';
|
|
|
|
class PlayerTrackDetails extends HookConsumerWidget {
|
|
final String? albumArt;
|
|
final Color? color;
|
|
const PlayerTrackDetails({super.key, this.albumArt, this.color});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final theme = Theme.of(context);
|
|
final mediaQuery = MediaQuery.of(context);
|
|
final playback = ref.watch(ProxyPlaylistNotifier.provider);
|
|
|
|
return Row(
|
|
children: [
|
|
if (playback.activeTrack != null)
|
|
Container(
|
|
padding: const EdgeInsets.all(6),
|
|
constraints: const BoxConstraints(
|
|
maxWidth: 80,
|
|
maxHeight: 80,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(4),
|
|
child: UniversalImage(
|
|
path: albumArt ?? "",
|
|
placeholder: Assets.albumPlaceholder.path,
|
|
),
|
|
),
|
|
),
|
|
if (mediaQuery.mdAndDown)
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const SizedBox(height: 4),
|
|
LinkText(
|
|
playback.activeTrack?.name ?? "",
|
|
"/track/${playback.activeTrack?.id}",
|
|
push: true,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.textTheme.bodyMedium!.copyWith(
|
|
color: color,
|
|
),
|
|
),
|
|
Text(
|
|
TypeConversionUtils.artists_X_String<Artist>(
|
|
playback.activeTrack?.artists ?? [],
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.textTheme.bodySmall!.copyWith(color: color),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
if (mediaQuery.lgAndUp)
|
|
Flexible(
|
|
flex: 1,
|
|
child: Column(
|
|
children: [
|
|
LinkText(
|
|
playback.activeTrack?.name ?? "",
|
|
"/track/${playback.activeTrack?.id}",
|
|
push: true,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(fontWeight: FontWeight.bold, color: color),
|
|
),
|
|
TypeConversionUtils.artists_X_ClickableArtists(
|
|
playback.activeTrack?.artists ?? [],
|
|
onRouteChange: (route) {
|
|
ServiceUtils.push(context, route);
|
|
},
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|