74 lines
1.8 KiB
Dart
74 lines
1.8 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:get/get.dart';
|
||
|
|
import 'package:rhythm_box/providers/spotify.dart';
|
||
|
|
|
||
|
|
class TrackHeartButton extends StatefulWidget {
|
||
|
|
final String trackId;
|
||
|
|
|
||
|
|
const TrackHeartButton({super.key, required this.trackId});
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<TrackHeartButton> createState() => _TrackHeartButtonState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _TrackHeartButtonState extends State<TrackHeartButton> {
|
||
|
|
late final SpotifyProvider _spotify = Get.find();
|
||
|
|
|
||
|
|
bool _isLoading = true;
|
||
|
|
|
||
|
|
bool _isLiked = false;
|
||
|
|
|
||
|
|
Future<void> _pullHeart() async {
|
||
|
|
final res = await _spotify.api.tracks.me.containsOne(widget.trackId);
|
||
|
|
setState(() {
|
||
|
|
_isLiked = res;
|
||
|
|
_isLoading = false;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> _toggleHeart() async {
|
||
|
|
if (_isLoading) return;
|
||
|
|
|
||
|
|
setState(() => _isLoading = true);
|
||
|
|
|
||
|
|
if (_isLiked) {
|
||
|
|
await _spotify.api.tracks.me.removeOne(widget.trackId);
|
||
|
|
_isLiked = false;
|
||
|
|
} else {
|
||
|
|
await _spotify.api.tracks.me.saveOne(widget.trackId);
|
||
|
|
_isLiked = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
setState(() => _isLoading = false);
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
_pullHeart();
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return IconButton(
|
||
|
|
icon: AnimatedSwitcher(
|
||
|
|
switchInCurve: Curves.fastOutSlowIn,
|
||
|
|
switchOutCurve: Curves.fastOutSlowIn,
|
||
|
|
duration: const Duration(milliseconds: 300),
|
||
|
|
transitionBuilder: (child, animation) {
|
||
|
|
return ScaleTransition(
|
||
|
|
scale: animation,
|
||
|
|
child: child,
|
||
|
|
);
|
||
|
|
},
|
||
|
|
child: Icon(
|
||
|
|
_isLiked ? Icons.favorite_rounded : Icons.favorite_outline_rounded,
|
||
|
|
key: ValueKey(_isLiked),
|
||
|
|
color: _isLiked ? Colors.red[600] : null,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
onPressed: _isLoading ? null : _toggleHeart,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|