commit

Author: naidu199

lib/backend/storage/firestore_methods.dart

@@ -0,0 +1,36 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+
+class FireStoreMethods {
+  final FirebaseFirestore _firestore = FirebaseFirestore.instance;
+  Future<void> followUser(String uid, String followId) async {
+    try {
+      DocumentSnapshot snapshot =
+          await _firestore.collection('Users').doc(uid).get();
+      var data = snapshot.data() as Map<String, dynamic>;
+      List following = data['following'];
+
+      if (following.contains(followId)) {
+        await _firestore.collection('Users').doc(followId).update({
+          'followers': FieldValue.arrayRemove([uid]),
+        });
+        await _firestore.collection('Users').doc(uid).update({
+          'following': FieldValue.arrayRemove([followId]),
+        });
+      } else {
+        await _firestore.collection('Users').doc(followId).update({
+          'followers': FieldValue.arrayUnion([uid]),
+        });
+        await _firestore.collection('Users').doc(uid).update({
+          'following': FieldValue.arrayUnion([followId]),
+        });
+      }
+    } catch (e) {
+      print(e.toString());
+    }
+  }
+
+  Future<void> signOut() async {
+    await FirebaseAuth.instance.signOut();
+  }
+}

lib/responsive/responsive_layout.dart

@@ -15,31 +15,42 @@ class ResponsiveLayout extends StatefulWidget {
 }
 
 class _ResponsiveLayoutState extends State<ResponsiveLayout> {
+  bool isloading = false;
   @override
   void initState() {
     super.initState();
     userData();
   }
 
   userData() async {
+    setState(() {
+      isloading = true;
+    });
     UserProvider userProvider = Provider.of(context, listen: false);
     await userProvider.refreshUserDetails();
+    setState(() {
+      isloading = false;
+    });
     // print(3);
     // print(userProvider.getUser.profileUrl);
   }
 
   @override
   Widget build(BuildContext context) {
-    return LayoutBuilder(
-      builder: (context, constraints) {
-        if (constraints.maxWidth > 600) {
-          // display web screen layout
-          return widget.webScreenLayout;
-        } else {
-          // display  mobile screen layout
-          return widget.mobileScreenLayout;
-        }
-      },
-    );
+    return isloading
+        ? const Center(
+            child: CircularProgressIndicator(),
+          )
+        : LayoutBuilder(
+            builder: (context, constraints) {
+              if (constraints.maxWidth > 600) {
+                // display web screen layout
+                return widget.webScreenLayout;
+              } else {
+                // display  mobile screen layout
+                return widget.mobileScreenLayout;
+              }
+            },
+          );
   }
 }

lib/screens/profile.dart

@@ -5,6 +5,7 @@ import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:instagram_clone/backend/providers/user_providers.dart';
+import 'package:instagram_clone/backend/storage/firestore_methods.dart';
 import 'package:instagram_clone/model/user.dart';
 // import 'package:flutter/widgets.dart';
 import 'package:instagram_clone/utils/colors.dart';
@@ -152,23 +153,38 @@ class _ProfileScreenState extends State<ProfileScreen> {
                           user!.uid == widget.uid
                               ? CustomButton(
                                   function: () {},
-                                  text: 'Share',
+                                  text: 'Edit',
                                   backgroundcolor: mobileBackgroundColor,
                                   textColor: primaryColor)
                               : isFollowing
                                   ? CustomButton(
-                                      function: () {},
+                                      function: () async {
+                                        await FireStoreMethods()
+                                            .followUser(user!.uid, widget.uid);
+
+                                        setState(() {
+                                          isFollowing = false;
+                                          noOfFollowers--;
+                                        });
+                                      },
                                       text: 'following',
                                       backgroundcolor: Colors.white,
                                       textColor: Colors.black)
                                   : CustomButton(
-                                      function: () {},
+                                      function: () async {
+                                        await FireStoreMethods()
+                                            .followUser(user!.uid, widget.uid);
+                                        setState(() {
+                                          isFollowing = true;
+                                          noOfFollowers++;
+                                        });
+                                      },
                                       text: 'follow',
                                       backgroundcolor: Colors.blue,
                                       textColor: primaryColor),
                           CustomButton(
                               function: () {},
-                              text: 'Edit',
+                              text: 'share',
                               backgroundcolor: mobileBackgroundColor,
                               textColor: primaryColor),
                         ],

lib/widgets/custom_button.dart

@@ -5,7 +5,7 @@ class CustomButton extends StatelessWidget {
   final String text;
   final Color backgroundcolor;
   final Color textColor;
-  final Function function;
+  final Function() function;
   const CustomButton(
       {super.key,
       required this.function,
@@ -16,7 +16,7 @@ class CustomButton extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return InkWell(
-      onTap: () => function,
+      onTap: function,
       borderRadius: BorderRadius.circular(15),
       splashColor: Colors.white,
       child: Container(
@@ -34,7 +34,7 @@ class CustomButton extends StatelessWidget {
             style: TextStyle(
                 backgroundColor: backgroundcolor,
                 color: textColor,
-                fontWeight: FontWeight.w800),
+                fontWeight: FontWeight.bold),
           ),
         ),
       ),