Pages Implementation

Implemented Profile and Recent Conversation skeleton pages
2025-02-07 20:13:07 +00:00
parent 7504f341d2
commit 7e33872886
15 changed files with 448 additions and 63 deletions
@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+import 'package:messaging_app/components/messaging_provider.dart';
+import 'package:messaging_app/models/users.dart';
+import 'package:provider/provider.dart';
+
+class ProfilePage extends StatelessWidget {
+  //
+
+  final double _deviceHeight;
+  final double _deviceWidth;
+  late MessagingProviders _auth;
+
+  ProfilePage(this._deviceHeight, this._deviceWidth, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: _deviceHeight,
+      width: _deviceWidth,
+      child: ChangeNotifierProvider<MessagingProviders>.value(
+        value: MessagingProviders.instance,
+        child: _profilePageUI(),
+      ),
+    );
+  }
+
+  Widget _profilePageUI() {
+    return Builder(builder: (BuildContext _context) {
+      _auth = Provider.of<MessagingProviders>(_context);
+      return StreamBuilder<Users>(
+          stream: MessagingProviders.instance.getUser(_auth.user!.$id),
+          builder: (_, _snapshot) {
+            var _userData = _snapshot.data;
+            return _snapshot.hasData
+                ? Align(
+                    child: SizedBox(
+                      height: _deviceHeight * 0.50,
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                        mainAxisSize: MainAxisSize.max,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          _userImageWidget(_userData!.image),
+                          _userNameWidget(_userData.name),
+                          _userEmailWidget(_userData.email),
+                          _logoutButton(),
+                        ],
+                      ),
+                    ),
+                  )
+                : SpinKitWanderingCubes(
+                    color: Colors.blue,
+                    size: 50.0,
+                  );
+          });
+    });
+  }
+
+  Widget _userImageWidget(String _image) {
+    double _imageRadius = _deviceHeight * 0.20;
+    return Container(
+      height: _imageRadius,
+      width: _imageRadius,
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(_imageRadius),
+        image: DecorationImage(
+          fit: BoxFit.fill,
+          image: NetworkImage(_image),
+        ),
+      ),
+    );
+  }
+
+  Widget _userNameWidget(String _name) {
+    return Container(
+      height: _deviceHeight * 0.05,
+      width: _deviceWidth,
+      child: Text(
+        _name,
+        textAlign: TextAlign.center,
+        style: TextStyle(
+          color: Colors.white,
+          fontSize: 30,
+        ),
+      ),
+    );
+  }
+
+  Widget _userEmailWidget(String _email) {
+    return Container(
+      height: _deviceHeight * 0.03,
+      width: _deviceWidth,
+      child: Text(
+        _email,
+        textAlign: TextAlign.center,
+        style: TextStyle(
+          color: Colors.white24,
+          fontSize: 15,
+        ),
+      ),
+    );
+  }
+
+  Widget _logoutButton() {
+    return Container(
+      height: _deviceHeight * 0.06,
+      width: _deviceWidth * 0.80,
+      child: MaterialButton(
+        onPressed: () {
+          _auth.logout();
+        },
+        color: Colors.red,
+        child: Text(
+          "Logout".toUpperCase(),
+          style: TextStyle(
+            fontSize: 18,
+            fontWeight: FontWeight.w700,
+          ),
+        ),
+      ),
+    );
+  }
+}