88 lines
2.8 KiB
Dart
88 lines
2.8 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:island/models/post.dart';
|
|
import 'package:island/pods/network.dart';
|
|
import 'package:island/services/responsive.dart';
|
|
import 'package:island/widgets/app_scaffold.dart';
|
|
import 'package:island/widgets/post/post_item.dart';
|
|
import 'package:island/widgets/post/post_quick_reply.dart';
|
|
import 'package:island/widgets/post/post_replies.dart';
|
|
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
|
import 'package:styled_widget/styled_widget.dart';
|
|
|
|
part 'detail.g.dart';
|
|
|
|
@riverpod
|
|
Future<SnPost?> post(Ref ref, String id) async {
|
|
final client = ref.watch(apiClientProvider);
|
|
final resp = await client.get('/posts/$id');
|
|
return SnPost.fromJson(resp.data);
|
|
}
|
|
|
|
@RoutePage()
|
|
class PostDetailScreen extends HookConsumerWidget {
|
|
final String id;
|
|
const PostDetailScreen({super.key, @PathParam('id') required this.id});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final post = ref.watch(postProvider(id));
|
|
|
|
final isWide = isWideScreen(context);
|
|
|
|
return AppScaffold(
|
|
appBar: AppBar(title: const Text('Post')),
|
|
body: post.when(
|
|
data: (post) {
|
|
return Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
CustomScrollView(
|
|
slivers: [
|
|
SliverToBoxAdapter(
|
|
child: Column(
|
|
children: [
|
|
PostItem(
|
|
item: post!,
|
|
isOpenable: false,
|
|
backgroundColor: isWide ? Colors.transparent : null,
|
|
),
|
|
const Divider(height: 1),
|
|
],
|
|
),
|
|
),
|
|
PostRepliesList(postId: id),
|
|
SliverGap(MediaQuery.of(context).padding.bottom + 80),
|
|
],
|
|
),
|
|
Positioned(
|
|
bottom: 0,
|
|
left: 0,
|
|
right: 0,
|
|
child: Material(
|
|
elevation: 2,
|
|
color: Colors.transparent,
|
|
child: PostQuickReply(
|
|
parent: post,
|
|
onPosted: () {
|
|
ref.invalidate(postRepliesNotifierProvider(id));
|
|
},
|
|
).padding(
|
|
bottom: MediaQuery.of(context).padding.bottom + 16,
|
|
top: 16,
|
|
horizontal: 16,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
|
error: (e, _) => Text('Error: $e'),
|
|
),
|
|
);
|
|
}
|
|
}
|