157 lines
4.8 KiB
Dart
157 lines
4.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:lemmy_api_client/v3.dart';
|
|
|
|
import '../hooks/logged_in_action.dart';
|
|
import '../hooks/refreshable.dart';
|
|
import '../hooks/stores.dart';
|
|
import '../util/extensions/api.dart';
|
|
import '../util/more_icon.dart';
|
|
import '../util/share.dart';
|
|
import '../widgets/comment_section.dart';
|
|
import '../widgets/post.dart';
|
|
import '../widgets/reveal_after_scroll.dart';
|
|
import '../widgets/save_post_button.dart';
|
|
import '../widgets/write_comment.dart';
|
|
|
|
/// Displays a post with its comment section
|
|
class FullPostPage extends HookWidget {
|
|
final int id;
|
|
final String instanceHost;
|
|
final PostView? post;
|
|
|
|
const FullPostPage({required this.id, required this.instanceHost})
|
|
: post = null;
|
|
FullPostPage.fromPostView(PostView this.post)
|
|
: id = post.post.id,
|
|
instanceHost = post.instanceHost;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final accStore = useAccountsStore();
|
|
final scrollController = useScrollController();
|
|
|
|
final fullPostRefreshable =
|
|
useRefreshable(() => LemmyApiV3(instanceHost).run(GetPost(
|
|
id: id,
|
|
auth: accStore.defaultUserDataFor(instanceHost)?.jwt.raw,
|
|
)));
|
|
final loggedInAction = useLoggedInAction(instanceHost);
|
|
final newComments = useState(const <CommentView>[]);
|
|
|
|
// FALLBACK VIEW
|
|
if (!fullPostRefreshable.snapshot.hasData && this.post == null) {
|
|
return Scaffold(
|
|
appBar: AppBar(),
|
|
body: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
if (fullPostRefreshable.snapshot.hasError)
|
|
Text(fullPostRefreshable.snapshot.error.toString())
|
|
else
|
|
const CircularProgressIndicator(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// VARIABLES
|
|
|
|
final post = fullPostRefreshable.snapshot.hasData
|
|
? fullPostRefreshable.snapshot.data!.postView
|
|
: this.post!;
|
|
|
|
final fullPost = fullPostRefreshable.snapshot.data;
|
|
|
|
// FUNCTIONS
|
|
|
|
refresh() async {
|
|
await HapticFeedback.mediumImpact();
|
|
|
|
try {
|
|
await fullPostRefreshable.refresh();
|
|
} catch (e) {
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
content: Text(e.toString()),
|
|
));
|
|
}
|
|
}
|
|
|
|
sharePost() => share(post.post.apId, context: context);
|
|
|
|
comment() async {
|
|
final newComment = await Navigator.of(context).push(
|
|
WriteComment.toPostRoute(post.post),
|
|
);
|
|
if (newComment != null) {
|
|
newComments.value = [...newComments.value, newComment];
|
|
}
|
|
}
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
centerTitle: false,
|
|
title: RevealAfterScroll(
|
|
scrollController: scrollController,
|
|
after: 65,
|
|
child: Text(
|
|
post.community.originPreferredName,
|
|
overflow: TextOverflow.fade,
|
|
),
|
|
),
|
|
actions: [
|
|
IconButton(icon: const Icon(Icons.share), onPressed: sharePost),
|
|
SavePostButton(post),
|
|
IconButton(
|
|
icon: Icon(moreIcon),
|
|
onPressed: () => PostWidget.showMoreMenu(
|
|
context: context,
|
|
post: post,
|
|
fullPost: true,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
floatingActionButton: post.post.locked
|
|
? null
|
|
: FloatingActionButton(
|
|
onPressed: loggedInAction((_) => comment()),
|
|
child: const Icon(Icons.comment),
|
|
),
|
|
body: RefreshIndicator(
|
|
onRefresh: refresh,
|
|
child: ListView(
|
|
controller: scrollController,
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
children: [
|
|
const SizedBox(height: 15),
|
|
PostWidget(post, fullPost: true),
|
|
if (fullPost != null)
|
|
CommentSection(
|
|
newComments.value.followedBy(fullPost.comments).toList(),
|
|
postCreatorId: fullPost.postView.creator.id)
|
|
else if (fullPostRefreshable.snapshot.hasError)
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 10, vertical: 30),
|
|
child: Column(
|
|
children: [
|
|
const Icon(Icons.error),
|
|
Text('Error: ${fullPostRefreshable.snapshot.error}')
|
|
],
|
|
),
|
|
)
|
|
else
|
|
const Padding(
|
|
padding: EdgeInsets.only(top: 40),
|
|
child: Center(child: CircularProgressIndicator()),
|
|
),
|
|
],
|
|
),
|
|
));
|
|
}
|
|
}
|