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
104 lines
2.9 KiB
Dart
104 lines
2.9 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:skeletonizer/skeletonizer.dart';
|
|
import 'package:spotube/collections/fake.dart';
|
|
import 'package:spotube/components/home/sections/friends/friend_item.dart';
|
|
import 'package:spotube/hooks/utils/use_breakpoint_value.dart';
|
|
import 'package:spotube/models/spotify_friends.dart';
|
|
import 'package:spotube/provider/spotify/spotify.dart';
|
|
|
|
class HomePageFriendsSection extends HookConsumerWidget {
|
|
const HomePageFriendsSection({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final friendsQuery = ref.watch(friendsProvider);
|
|
final friends =
|
|
friendsQuery.asData?.value.friends ?? FakeData.friends.friends;
|
|
|
|
final groupCount = useBreakpointValue(
|
|
sm: 3,
|
|
xs: 2,
|
|
md: 4,
|
|
lg: 5,
|
|
xl: 6,
|
|
xxl: 7,
|
|
);
|
|
|
|
final friendGroup = friends.fold<List<List<SpotifyFriendActivity>>>(
|
|
[],
|
|
(previousValue, element) {
|
|
if (previousValue.isEmpty) {
|
|
return [
|
|
[element]
|
|
];
|
|
}
|
|
|
|
final lastGroup = previousValue.last;
|
|
if (lastGroup.length < groupCount) {
|
|
return [
|
|
...previousValue.sublist(0, previousValue.length - 1),
|
|
[...lastGroup, element]
|
|
];
|
|
}
|
|
|
|
return [
|
|
...previousValue,
|
|
[element]
|
|
];
|
|
},
|
|
);
|
|
|
|
if (friendsQuery.isLoading ||
|
|
friendsQuery.asData?.value.friends.isEmpty == true) {
|
|
return const SliverToBoxAdapter(
|
|
child: SizedBox.shrink(),
|
|
);
|
|
}
|
|
|
|
return Skeletonizer.sliver(
|
|
enabled: friendsQuery.isLoading,
|
|
child: SliverMainAxisGroup(
|
|
slivers: [
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
'Friends',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: ScrollConfiguration(
|
|
behavior: ScrollConfiguration.of(context).copyWith(
|
|
dragDevices: PointerDeviceKind.values.toSet(),
|
|
),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
for (final group in friendGroup)
|
|
Row(
|
|
children: [
|
|
for (final friend in group)
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: FriendItem(friend: friend),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|