mirror of
https://github.com/KRTirtho/spotube.git
synced 2026-11-04 10:13:59 +00:00
8a193658af
- Add Spotify design system (colors, typography, ThemeData, components) - Build Spotify shell (Sidebar, TopBar, BottomPlayer, ContentArea) - Redesign Home, Search, Library pages with Spotify cards/track rows - Restyle context menus, shimmer loaders, hover states - Rebrand app name to Spotify across Android/iOS/macOS/Linux/Windows - Update launcher icons and splash config to Spotify logo No backend/API/state/audio logic changed.
62 lines
2.3 KiB
Dart
62 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_flutter/shadcn_flutter.dart';
|
|
import 'package:spotube/collections/fake.dart';
|
|
import 'package:spotube/components/fallbacks/error_box.dart';
|
|
import 'package:spotube/components/playbutton_view/playbutton_view.dart';
|
|
import 'package:spotube/modules/playlist/playlist_card.dart';
|
|
import 'package:spotube/modules/search/loading.dart';
|
|
import 'package:spotube/pages/search/search.dart';
|
|
import 'package:spotube/provider/metadata_plugin/search/playlists.dart';
|
|
import 'package:spotube/theme/spotify_colors.dart';
|
|
|
|
class SearchPagePlaylistsTab extends HookConsumerWidget {
|
|
const SearchPagePlaylistsTab({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, ref) {
|
|
final controller = useScrollController();
|
|
|
|
final searchTerm = ref.watch(searchTermStateProvider);
|
|
final searchPlaylistsSnapshot =
|
|
ref.watch(metadataPluginSearchPlaylistsProvider(searchTerm));
|
|
final searchPlaylistsNotifier =
|
|
ref.read(metadataPluginSearchPlaylistsProvider(searchTerm).notifier);
|
|
final searchPlaylists = searchPlaylistsSnapshot.asData?.value.items ??
|
|
[FakeData.playlistSimple];
|
|
|
|
if (searchPlaylistsSnapshot.hasError) {
|
|
return ErrorBox(
|
|
error: searchPlaylistsSnapshot.error!,
|
|
onRetry: () {
|
|
ref.invalidate(metadataPluginSearchPlaylistsProvider(searchTerm));
|
|
},
|
|
);
|
|
}
|
|
|
|
return SearchPlaceholder(
|
|
snapshot: searchPlaylistsSnapshot,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: CustomScrollView(
|
|
controller: controller,
|
|
slivers: [
|
|
PlaybuttonView(
|
|
controller: controller,
|
|
itemCount: searchPlaylists.length,
|
|
hasMore: searchPlaylistsSnapshot.asData?.value.hasMore == true,
|
|
isLoading: searchPlaylistsSnapshot.isLoading,
|
|
onRequestMore: searchPlaylistsNotifier.fetchMore,
|
|
gridItemBuilder: (context, index) =>
|
|
PlaylistCard(searchPlaylists[index]),
|
|
listItemBuilder: (context, index) =>
|
|
PlaylistCard.tile(searchPlaylists[index]),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|