Merge pull request #14 from SimCoderYoutube/lesson_14/reply_to_a_post

[Add] post reply

Author: SimCoderYoutube

frontend/lib/models/post.dart

@@ -7,6 +7,7 @@ class PostModel {
   final Timestamp timestamp;
   final String originalId;
   final bool retweet;
+  DocumentReference ref;
 
   int likesCount;
   int retweetsCount;
@@ -19,5 +20,6 @@ class PostModel {
       this.likesCount,
       this.retweetsCount,
       this.originalId,
-      this.retweet});
+      this.retweet,
+      this.ref});
 }

frontend/lib/screens/home/feed.dart

@@ -16,7 +16,7 @@ class FeedState extends State<Feed> {
   Widget build(BuildContext context) {
     return FutureProvider.value(
       value: _postService.getFeed(),
-      child: Scaffold(body: ListPosts()),
+      child: Scaffold(body: ListPosts(null)),
     );
   }
 }

frontend/lib/screens/main/posts/Item.dart

@@ -61,6 +61,16 @@ class _ItemPostState extends State<ItemPost> {
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceAround,
                   children: [
+                    Row(
+                      children: [
+                        IconButton(
+                            icon: new Icon(Icons.chat_bubble_outline,
+                                color: Colors.blue, size: 30.0),
+                            onPressed: () => Navigator.pushNamed(
+                                context, '/replies',
+                                arguments: widget.post)),
+                      ],
+                    ),
                     Row(
                       children: [
                         IconButton(

frontend/lib/screens/main/posts/list.dart

@@ -7,7 +7,8 @@ import 'package:twitter/services/posts.dart';
 import 'package:twitter/services/user.dart';
 
 class ListPosts extends StatefulWidget {
-  ListPosts({Key key}) : super(key: key);
+  PostModel post;
+  ListPosts(this.post, {Key key}) : super(key: key);
 
   @override
   _ListPostsState createState() => _ListPostsState();
@@ -18,8 +19,10 @@ class _ListPostsState extends State<ListPosts> {
   PostService _postService = PostService();
   @override
   Widget build(BuildContext context) {
-    final posts = Provider.of<List<PostModel>>(context) ?? [];
-
+    List<PostModel> posts = Provider.of<List<PostModel>>(context) ?? [];
+    if (widget.post != null) {
+      posts.insert(0, widget.post);
+    }
     return ListView.builder(
       itemCount: posts.length,
       itemBuilder: (context, index) {

frontend/lib/screens/main/posts/replies.dart

@@ -0,0 +1,67 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:twitter/models/post.dart';
+import 'package:twitter/screens/main/posts/list.dart';
+import 'package:twitter/services/posts.dart';
+
+class Replies extends StatefulWidget {
+  Replies({Key key}) : super(key: key);
+
+  @override
+  _RepliesState createState() => _RepliesState();
+}
+
+class _RepliesState extends State<Replies> {
+  PostService _postService = PostService();
+  String text = '';
+  TextEditingController _textController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    PostModel args = ModalRoute.of(context).settings.arguments;
+    return FutureProvider.value(
+        value: _postService.getReplies(args),
+        child: Container(
+          child: Scaffold(
+            body: Container(
+              child: Column(
+                children: [
+                  Expanded(child: ListPosts(args)),
+                  Container(
+                    padding: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.end,
+                      children: [
+                        Form(
+                            child: TextFormField(
+                          controller: _textController,
+                          onChanged: (val) {
+                            setState(() {
+                              text = val;
+                            });
+                          },
+                        )),
+                        SizedBox(
+                          height: 10,
+                        ),
+                        FlatButton(
+                            textColor: Colors.white,
+                            color: Colors.blue,
+                            onPressed: () async {
+                              await _postService.reply(args, text);
+                              _textController.text = '';
+                              setState(() {
+                                text = '';
+                              });
+                            },
+                            child: Text("Reply"))
+                      ],
+                    ),
+                  )
+                ],
+              ),
+            ),
+          ),
+        ));
+  }
+}

frontend/lib/screens/main/profile/profile.dart

@@ -114,7 +114,7 @@ class _ProfileState extends State<Profile> {
                   ]))
                 ];
               },
-              body: ListPosts()),
+              body: ListPosts(null)),
         )));
   }
 }

frontend/lib/screens/wrapper.dart

@@ -4,6 +4,7 @@ import 'package:twitter/models/user.dart';
 import 'package:twitter/screens/auth/signup.dart';
 import 'package:twitter/screens/main/home.dart';
 import 'package:twitter/screens/main/posts/add.dart';
+import 'package:twitter/screens/main/posts/replies.dart';
 import 'package:twitter/screens/main/profile/edit.dart';
 import 'package:twitter/screens/main/profile/profile.dart';
 
@@ -25,7 +26,8 @@ class Wrapper extends StatelessWidget {
       '/': (context) => Home(),
       '/add': (context) => Add(),
       '/profile': (context) => Profile(),
-      '/edit': (context) => Edit()
+      '/edit': (context) => Edit(),
+      '/replies': (context) => Replies()
     });
   }
 }

frontend/lib/services/posts.dart

@@ -18,6 +18,7 @@ class PostService {
         retweetsCount: doc.data()['retweetsCount'] ?? 0,
         retweet: doc.data()['retweet'] ?? false,
         originalId: doc.data()['originalId'] ?? null,
+        ref: doc.reference,
       );
     }).toList();
   }
@@ -33,6 +34,7 @@ class PostService {
             retweetsCount: snapshot.data()['retweetsCount'] ?? 0,
             retweet: snapshot.data()['retweet'] ?? false,
             originalId: snapshot.data()['originalId'] ?? null,
+            ref: snapshot.reference,
           )
         : null;
   }
@@ -41,7 +43,20 @@ class PostService {
     await FirebaseFirestore.instance.collection("posts").add({
       'text': text,
       'creator': FirebaseAuth.instance.currentUser.uid,
-      'timestamp': FieldValue.serverTimestamp()
+      'timestamp': FieldValue.serverTimestamp(),
+      'retweet': false
+    });
+  }
+
+  Future reply(PostModel post, String text) async {
+    if (text == '') {
+      return;
+    }
+    await post.ref.collection("replies").add({
+      'text': text,
+      'creator': FirebaseAuth.instance.currentUser.uid,
+      'timestamp': FieldValue.serverTimestamp(),
+      'retweet': false
     });
   }
 
@@ -149,6 +164,15 @@ class PostService {
         .map(_postListFromSnapshot);
   }
 
+  Future<List<PostModel>> getReplies(PostModel post) async {
+    QuerySnapshot querySnapshot = await post.ref
+        .collection("replies")
+        .orderBy('timestamp', descending: true)
+        .get();
+
+    return _postListFromSnapshot(querySnapshot);
+  }
+
   Future<List<PostModel>> getFeed() async {
     List<String> usersFollowing = await UserService() //['uid1', 'uid2']
         .getUserFollowing(FirebaseAuth.instance.currentUser.uid);