104 lines
3.4 KiB
Dart
104 lines
3.4 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:island/models/sticker.dart';
|
|
import 'package:island/pods/network.dart';
|
|
import 'package:island/widgets/app_scaffold.dart';
|
|
import 'package:material_symbols_icons/symbols.dart';
|
|
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
|
import 'package:riverpod_paging_utils/riverpod_paging_utils.dart';
|
|
|
|
part 'marketplace.g.dart';
|
|
|
|
@riverpod
|
|
class MarketplaceStickerPacksNotifier extends _$MarketplaceStickerPacksNotifier
|
|
with CursorPagingNotifierMixin<SnStickerPack> {
|
|
@override
|
|
Future<CursorPagingData<SnStickerPack>> build() {
|
|
return fetch(cursor: null);
|
|
}
|
|
|
|
@override
|
|
Future<CursorPagingData<SnStickerPack>> fetch({
|
|
required String? cursor,
|
|
}) async {
|
|
final client = ref.read(apiClientProvider);
|
|
final offset = cursor == null ? 0 : int.parse(cursor);
|
|
|
|
final response = await client.get(
|
|
'/sphere/stickers',
|
|
queryParameters: {'offset': offset, 'take': 20},
|
|
);
|
|
|
|
final total = int.parse(response.headers.value('X-Total') ?? '0');
|
|
final List<dynamic> data = response.data;
|
|
final stickers = data.map((e) => SnStickerPack.fromJson(e)).toList();
|
|
|
|
final hasMore = offset + stickers.length < total;
|
|
final nextCursor = hasMore ? (offset + stickers.length).toString() : null;
|
|
|
|
return CursorPagingData(
|
|
items: stickers,
|
|
hasMore: hasMore,
|
|
nextCursor: nextCursor,
|
|
);
|
|
}
|
|
}
|
|
|
|
/// User-facing marketplace screen for browsing sticker packs.
|
|
/// This version does NOT rely on publisher name (no pubName).
|
|
class MarketplaceStickersScreen extends HookConsumerWidget {
|
|
const MarketplaceStickersScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return AppScaffold(
|
|
appBar: AppBar(
|
|
title: const Text('stickers').tr(),
|
|
actions: const [Gap(8)],
|
|
),
|
|
body: const SliverMarketplaceStickerPacksList(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SliverMarketplaceStickerPacksList extends HookConsumerWidget {
|
|
const SliverMarketplaceStickerPacksList({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return PagingHelperView(
|
|
provider: marketplaceStickerPacksNotifierProvider,
|
|
futureRefreshable: marketplaceStickerPacksNotifierProvider.future,
|
|
notifierRefreshable: marketplaceStickerPacksNotifierProvider.notifier,
|
|
contentBuilder:
|
|
(data, widgetCount, endItemView) => ListView.builder(
|
|
padding: EdgeInsets.zero,
|
|
itemCount: widgetCount,
|
|
itemBuilder: (context, index) {
|
|
if (index == widgetCount - 1) {
|
|
return endItemView;
|
|
}
|
|
|
|
final pack = data.items[index];
|
|
return ListTile(
|
|
title: Text(pack.name),
|
|
subtitle: Text(pack.description),
|
|
trailing: const Icon(Symbols.chevron_right),
|
|
onTap: () {
|
|
// Navigate to user-facing sticker pack detail page.
|
|
// Adjust the route name/parameters if your app uses different ones.
|
|
context.pushNamed(
|
|
'stickerPackDetail',
|
|
pathParameters: {'packId': pack.id},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|