✨ 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,