✨ Follow/Un-follow user from follower/following users list

Author: TheAlphamerc

CHANGELOG.md

@@ -14,6 +14,7 @@
 * Added link preview in tweet.
 * Bug fixed and performance improvements.
 * Display suggested users list to follow
+* Follow/Un-follow user from follower/following users list
 ## [1.0.6] - 17 Jul 2020
 
 * In user profile page three tabs are added to filter tweet and comment tweet and tweet with media.

lib/helper/routes.dart

@@ -10,7 +10,6 @@ import 'package:flutter_twitter_clone/ui/page/homePage.dart';
 import 'package:flutter_twitter_clone/ui/page/message/conversationInformation/conversationInformation.dart';
 import 'package:flutter_twitter_clone/ui/page/message/newMessagePage.dart';
 import 'package:flutter_twitter_clone/ui/page/profile/follow/followerListPage.dart';
-import 'package:flutter_twitter_clone/ui/page/profile/follow/followingListPage.dart';
 import 'package:flutter_twitter_clone/ui/page/search/SearchPage.dart';
 import 'package:flutter_twitter_clone/ui/page/settings/accountSettings/about/aboutTwitter.dart';
 import 'package:flutter_twitter_clone/ui/page/settings/accountSettings/accessibility/accessibility.dart';
@@ -172,10 +171,6 @@ class Routes {
         return CustomRoute<bool>(
           builder: (BuildContext context) => const ConversationInformation(),
         );
-      case "FollowingListPage":
-        return CustomRoute<bool>(
-          builder: (BuildContext context) => const FollowingListPage(),
-        );
       case "FollowerListPage":
         return CustomRoute<bool>(
           builder: (BuildContext context) => FollowerListPage(),

lib/main.dart

@@ -1,6 +1,6 @@
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_twitter_clone/state/chats/suggestionUserState.dart';
+import 'package:flutter_twitter_clone/state/suggestionUserState.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:provider/provider.dart';
 

lib/model/notificationModel.dart

@@ -10,13 +10,14 @@ class NotificationModel {
   late String type;
   Map<String, dynamic>? data;
 
-  NotificationModel(
-      {this.id,
-      this.tweetKey,
-      required this.type,
-      required this.createdAt,
-      this.updatedAt,
-      required this.data});
+  NotificationModel({
+    this.id,
+    this.tweetKey,
+    required this.type,
+    required this.createdAt,
+    this.updatedAt,
+    required this.data,
+  });
 
   NotificationModel.fromJson(String tweetId, Map<dynamic, dynamic> map) {
     id = tweetId;

lib/model/user.dart

@@ -111,7 +111,7 @@ class UserModel extends Equatable {
     String? profilePic,
     String? key,
     String? contact,
-    bio,
+    String? bio,
     String? dob,
     String? bannerImage,
     String? location,
@@ -132,7 +132,7 @@ class UserModel extends Equatable {
       createdAt: createdAt ?? this.createdAt,
       displayName: displayName ?? this.displayName,
       dob: dob ?? this.dob,
-      followers: followersList?.length,
+      followers: followers ?? this.followers,
       following: following ?? this.following,
       isVerified: isVerified ?? this.isVerified,
       key: key ?? this.key,

lib/state/authState.dart

@@ -65,6 +65,7 @@ class AuthState extends AppState {
       if (_profileQuery == null) {
         _profileQuery = kDatabase.child("profile").child(user!.uid);
         _profileQuery!.onValue.listen(_onProfileChanged);
+        _profileQuery!.onChildChanged.listen(_onProfileupdated);
       }
     } catch (error) {
       cprint(error, errorIn: 'databaseInit');
@@ -423,12 +424,35 @@ class AuthState extends AppState {
   /// Trigger when logged-in user's profile change or updated
   /// Firebase event callback for profile update
   void _onProfileChanged(DatabaseEvent event) {
-    // if (event.snapshot != null) {
     final val = event.snapshot.value;
-    final updatedUser = UserModel.fromJson(val as Map);
-    _userModel = updatedUser;
-    cprint('UserModel Updated');
-    notifyListeners();
-    // }
+    if (val is Map) {
+      final updatedUser = UserModel.fromJson(val);
+      _userModel = updatedUser;
+      cprint('UserModel Updated');
+      getIt<SharedPreferenceHelper>().saveUserProfile(_userModel!);
+      notifyListeners();
+    }
+  }
+
+  void _onProfileupdated(DatabaseEvent event) {
+    final val = event.snapshot.value;
+    if (val is List &&
+        ['following', 'followers'].contains(event.snapshot.key)) {
+      final list = val.cast<String>().map((e) => e).toList();
+      if (event.previousChildKey == 'following') {
+        _userModel = _userModel!.copyWith(
+          followingList: val.cast<String>().map((e) => e).toList(),
+          following: list.length,
+        );
+      } else if (event.previousChildKey == 'followers') {
+        _userModel = _userModel!.copyWith(
+          followersList: list,
+          followers: list.length,
+        );
+      }
+      getIt<SharedPreferenceHelper>().saveUserProfile(_userModel!);
+      cprint('UserModel Updated');
+      notifyListeners();
+    }
   }
 }

lib/state/notificationState.dart

@@ -29,7 +29,7 @@ class NotificationState extends AppState {
     _notificationList ??= <NotificationModel>[];
 
     if (!_notificationList!.any((element) => element.id == model.id)) {
-      _notificationList!.add(model);
+      _notificationList!.insert(0, model);
     }
   }
 
@@ -77,7 +77,7 @@ class NotificationState extends AppState {
               addNotificationList(model);
             });
             _notificationList!
-                .sort((x, y) => y.timeStamp!.compareTo(x.timeStamp!));
+                .sort((x, y) => x.timeStamp!.compareTo(y.timeStamp!));
           }
         }
         isBusy = false;

lib/state/chats/suggestionUserState.dart renamed to lib/state/suggestionUserState.dart

@@ -93,7 +93,7 @@ class SuggestionsState extends AppState {
           user.followersList ??= [];
           user.followersList!.add(currentUser!.userId!);
           user.followers = user.followersList!.length;
-          kDatabase
+          await kDatabase
               .child('profile')
               .child(user.userId!)
               .child('followerList')
@@ -107,12 +107,14 @@ class SuggestionsState extends AppState {
         currentUser!.followingList!
             .addAll(_selectedusers.map((e) => e.userId!));
         currentUser!.following = currentUser!.followingList!.length;
-        kDatabase
+        await kDatabase
             .child('profile')
             .child(currentUser!.userId!)
             .child('followingList')
             .set(currentUser!.followingList);
 
+        // await getIt<SharedPreferenceHelper>().saveUserProfile(currentUser!);
+
         displaySuggestions = false;
       }
     } catch (error) {

lib/ui/page/common/sidebar.dart

@@ -3,6 +3,7 @@ import 'package:flutter_twitter_clone/helper/constant.dart';
 import 'package:flutter_twitter_clone/state/authState.dart';
 import 'package:flutter_twitter_clone/ui/page/bookmark/bookmarkPage.dart';
 import 'package:flutter_twitter_clone/ui/page/profile/follow/followerListPage.dart';
+import 'package:flutter_twitter_clone/ui/page/profile/follow/followingListPage.dart';
 import 'package:flutter_twitter_clone/ui/page/profile/profilePage.dart';
 import 'package:flutter_twitter_clone/ui/page/profile/qrCode/scanner.dart';
 import 'package:flutter_twitter_clone/ui/page/profile/widgets/circular_image.dart';
@@ -126,15 +127,25 @@ class _SidebarMenuState extends State<SidebarMenu> {
         switch (navigateTo) {
           case "FollowerListPage":
             usersList = authstate.userModel!.followersList!;
+            Navigator.push(
+              context,
+              FollowerListPage.getRoute(
+                profile: authstate.userModel!,
+                userList: usersList,
+              ),
+            );
             break;
           case "FollowingListPage":
             usersList = authstate.userModel!.followingList!;
+            Navigator.push(
+              context,
+              FollowingListPage.getRoute(
+                profile: authstate.userModel!,
+                userList: usersList,
+              ),
+            );
             break;
         }
-        Navigator.push(
-            context,
-            FollowerListPage.getRoute(
-                profile: authstate.userModel!, userList: usersList));
       },
       child: Row(
         children: <Widget>[

lib/ui/page/common/usersListPage.dart

@@ -16,13 +16,16 @@ class UsersListPage extends StatelessWidget {
     required this.emptyScreenText,
     required this.emptyScreenSubTileText,
     this.userIdsList,
+    this.onFollowPressed,
+    this.isFollowing,
   }) : super(key: key);
 
   final String pageTitle;
   final String emptyScreenText;
   final String emptyScreenSubTileText;
-  // final IconData appBarIcon;
+  final bool Function(UserModel user)? isFollowing;
   final List<String>? userIdsList;
+  final Function(UserModel user)? onFollowPressed;
 
   @override
   Widget build(BuildContext context) {
@@ -45,6 +48,8 @@ class UsersListPage extends StatelessWidget {
                   list: userList!,
                   emptyScreenText: emptyScreenText,
                   emptyScreenSubTileText: emptyScreenSubTileText,
+                  onFollowPressed: onFollowPressed,
+                  isFollowing: isFollowing,
                 )
               : Container(
                   width: context.width,

lib/ui/page/common/widget/userListWidget.dart

@@ -11,25 +11,35 @@ import 'package:provider/provider.dart';
 
 class UserListWidget extends StatelessWidget {
   final List<UserModel> list;
+
   final String? emptyScreenText;
   final String? emptyScreenSubTileText;
+  final Function(UserModel user)? onFollowPressed;
+  final bool Function(UserModel user)? isFollowing;
   const UserListWidget({
     Key? key,
     required this.list,
     this.emptyScreenText,
     this.emptyScreenSubTileText,
+    this.onFollowPressed,
+    this.isFollowing,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     var state = Provider.of<AuthState>(context, listen: false);
-    String myId = state.userModel!.key!;
+    final currentUser = state.userModel!;
     return ListView.separated(
       itemBuilder: (context, index) {
         return UserTile(
           user: list[index],
-          myId: myId,
-          onTrailingPressed: () {},
+          currentUser: currentUser,
+          isFollowing: isFollowing,
+          onTrailingPressed: () {
+            if (onFollowPressed != null) {
+              onFollowPressed!(list[index]);
+            }
+          },
         );
       },
       separatorBuilder: (context, index) {
@@ -44,17 +54,21 @@ class UserListWidget extends StatelessWidget {
 }
 
 class UserTile extends StatelessWidget {
-  const UserTile(
-      {Key? key,
-      required this.user,
-      required this.myId,
-      required this.onTrailingPressed,
-      this.trailing})
-      : super(key: key);
+  const UserTile({
+    Key? key,
+    required this.user,
+    required this.currentUser,
+    required this.onTrailingPressed,
+    this.trailing,
+    this.isFollowing,
+  }) : super(key: key);
   final UserModel user;
-  final String myId;
+
+  /// User profile of logged-in user
+  final UserModel currentUser;
   final VoidCallback onTrailingPressed;
   final Widget? trailing;
+  final bool Function(UserModel user)? isFollowing;
 
   /// Return empty string for default bio
   /// Max length of bio is 100
@@ -72,9 +86,12 @@ class UserTile extends StatelessWidget {
 
   /// Check if user followerlist contain your or not
   /// If your id exist in follower list it mean you are following him
-  bool isFollowing() {
-    if (user.followersList != null &&
-        user.followersList!.any((x) => x == myId)) {
+  bool checkIfFollowing() {
+    if (isFollowing != null) {
+      return isFollowing!(user);
+    }
+    if (currentUser.followingList != null &&
+        currentUser.followingList!.any((x) => x == user.userId)) {
       return true;
     } else {
       return false;
@@ -83,7 +100,7 @@ class UserTile extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    bool isFollow = isFollowing();
+    bool isFollow = checkIfFollowing();
     return Container(
       padding: const EdgeInsets.symmetric(vertical: 10),
       color: TwitterColor.white,

lib/ui/page/feed/suggestedUsers.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_twitter_clone/state/authState.dart';
-import 'package:flutter_twitter_clone/state/chats/suggestionUserState.dart';
+import 'package:flutter_twitter_clone/state/suggestionUserState.dart';
 import 'package:flutter_twitter_clone/state/searchState.dart';
 import 'package:flutter_twitter_clone/ui/page/common/widget/userListWidget.dart';
 import 'package:flutter_twitter_clone/ui/theme/theme.dart';
@@ -197,7 +197,7 @@ class _SuggestedUsersState extends State<SuggestedUsers> {
                                 }
                                 return UserTile(
                                   user: user,
-                                  myId: authstate.userId,
+                                  currentUser: authstate.userModel!,
                                   onTrailingPressed: () {
                                     state.toggleUserSelection(user);
                                   },

lib/ui/page/homePage.dart

@@ -10,7 +10,7 @@ import 'package:flutter_twitter_clone/resource/push_notification_service.dart';
 import 'package:flutter_twitter_clone/state/appState.dart';
 import 'package:flutter_twitter_clone/state/authState.dart';
 import 'package:flutter_twitter_clone/state/chats/chatState.dart';
-import 'package:flutter_twitter_clone/state/chats/suggestionUserState.dart';
+import 'package:flutter_twitter_clone/state/suggestionUserState.dart';
 import 'package:flutter_twitter_clone/state/feedState.dart';
 import 'package:flutter_twitter_clone/state/notificationState.dart';
 import 'package:flutter_twitter_clone/state/searchState.dart';