spotube/lib/pages/search/tabs/albums.dart
Kingkor Roy Tirtho 7037145519 feat: add ErrorBox and NoDefaultMetadataPlugin components
- Implemented ErrorBox for displaying error messages with retry functionality and log viewing.
- Created NoDefaultMetadataPlugin to inform users about missing default metadata providers and provide navigation to manage them.
2025-08-19 22:34:37 +06:00

59 lines
2.1 KiB
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/album/album_card.dart';
import 'package:spotube/modules/search/loading.dart';
import 'package:spotube/pages/search/search.dart';
import 'package:spotube/provider/metadata_plugin/search/albums.dart';
class SearchPageAlbumsTab extends HookConsumerWidget {
const SearchPageAlbumsTab({super.key});
@override
Widget build(BuildContext context, ref) {
final controller = useScrollController();
final searchTerm = ref.watch(searchTermStateProvider);
final searchAlbumsSnapshot =
ref.watch(metadataPluginSearchAlbumsProvider(searchTerm));
final searchAlbumsNotifier =
ref.read(metadataPluginSearchAlbumsProvider(searchTerm).notifier);
final searchAlbums =
searchAlbumsSnapshot.asData?.value.items ?? [FakeData.albumSimple];
if (searchAlbumsSnapshot.hasError) {
return ErrorBox(
error: searchAlbumsSnapshot.error!,
onRetry: () {
ref.invalidate(metadataPluginSearchAlbumsProvider(searchTerm));
},
);
}
return SearchPlaceholder(
snapshot: searchAlbumsSnapshot,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: CustomScrollView(
slivers: [
PlaybuttonView(
controller: controller,
itemCount: searchAlbums.length,
hasMore: searchAlbumsSnapshot.asData?.value.hasMore == true,
isLoading: searchAlbumsSnapshot.isLoading,
onRequestMore: searchAlbumsNotifier.fetchMore,
gridItemBuilder: (context, index) =>
AlbumCard(searchAlbums[index]),
listItemBuilder: (context, index) =>
AlbumCard.tile(searchAlbums[index]),
),
],
),
),
);
}
}