user account avatar

lib/widgets/menu_bottom_sheet.dart

@@ -4,6 +4,7 @@ import 'package:call_manager/widgets/delete_calls_dialog.dart';
 import 'package:call_manager/widgets/log_out_dialog.dart';
 import 'package:call_manager/widgets/theme_icon.dart';
 import 'package:call_manager/widgets/theme_switcher_dialog.dart';
+import 'package:call_manager/widgets/user_account_avatar.dart';
 import 'package:flutter/material.dart';
 import 'package:groovin_material_icons/groovin_material_icons.dart';
 import 'package:groovin_widgets/groovin_widgets.dart';
@@ -55,13 +56,7 @@ class _MenuBottomSheetState extends State<MenuBottomSheet> with FirebaseMixin, P
           child: ModalDrawerHandle(),
         ),
         ListTile(
-          leading: CircleAvatar(
-            child: Text(
-              currentUser.displayName[0],
-              style: TextStyle(color: Colors.white),
-            ),
-            backgroundColor: theme.primaryColor,
-          ),
+          leading: UserAccountAvatar(),
           title: Text(currentUser.displayName),
           subtitle: Text(currentUser.email),
           trailing: TextButton(

lib/widgets/user_account_avatar.dart

@@ -0,0 +1,25 @@
+import 'package:call_manager/firebase/firebase_mixin.dart';
+import 'package:flutter/material.dart';
+
+class UserAccountAvatar extends StatefulWidget {
+  @override
+  _UserAccountAvatarState createState() => _UserAccountAvatarState();
+}
+
+class _UserAccountAvatarState extends State<UserAccountAvatar>
+    with FirebaseMixin {
+  @override
+  Widget build(BuildContext context) {
+    if (currentUser == null) {
+      CircleAvatar(
+        child: Icon(Icons.person_outline),
+        backgroundColor: Theme.of(context).primaryColor,
+      );
+    }
+
+    return CircleAvatar(
+      backgroundImage: NetworkImage(currentUser.photoURL),
+      backgroundColor: Theme.of(context).primaryColor,
+    );
+  }
+}