🌱 create User Profile Page and Favorite Songs

Author: ChunhThanhDe

lib/common/widgets/appbar/app_bar.dart

@@ -6,20 +6,22 @@ class BasicAppBar extends StatelessWidget implements PreferredSizeWidget {
   final Widget title;
   final Widget action;
   final bool hiveBack;
+  final Color backgroundColor;
 
   const BasicAppBar({
     super.key,
     this.hiveBack = false,
     this.title = const Text(''),
     this.action = const SizedBox(),
+    this.backgroundColor = Colors.transparent,
   });
 
   @override
   Widget build(BuildContext context) {
     return AppBar(
       title: title,
       centerTitle: true,
-      backgroundColor: Colors.transparent,
+      backgroundColor: backgroundColor,
       elevation: 0,
       actions: [
         action,
@@ -34,7 +36,9 @@ class BasicAppBar extends StatelessWidget implements PreferredSizeWidget {
                 height: 50,
                 width: 50,
                 decoration: BoxDecoration(
-                  color: context.isDarkMode ? AppColors.white.withOpacity(0.03) : AppColors.dark.withOpacity(0.04),
+                  color: context.isDarkMode
+                      ? AppColors.white.withOpacity(0.03)
+                      : AppColors.dark.withOpacity(0.04),
                   shape: BoxShape.circle,
                 ),
                 child: Icon(

lib/common/widgets/favorite_button/favorite_button.dart

@@ -8,11 +8,13 @@ import 'package:spotify_with_flutter/domain/entities/songs/songs.dart';
 class FavoriteButton extends StatelessWidget {
   final SongEntity songEntity;
   final double sizeIcons;
+  final Function? function;
 
   const FavoriteButton({
     super.key,
     required this.songEntity,
     this.sizeIcons = 25,
+    this.function,
   });
 
   @override
@@ -27,9 +29,15 @@ class FavoriteButton extends StatelessWidget {
                 await context.read<FavoriteButtonCubit>().favoriteButtonUpdated(
                       songEntity.songId,
                     );
+
+                if (function != null) {
+                  function!();
+                }
               },
               icon: Icon(
-                songEntity.isFavorite ? Icons.favorite : Icons.favorite_outline_outlined,
+                songEntity.isFavorite
+                    ? Icons.favorite
+                    : Icons.favorite_outline_outlined,
                 size: sizeIcons,
                 color: AppColors.darkGrey,
               ),
@@ -44,7 +52,9 @@ class FavoriteButton extends StatelessWidget {
                     );
               },
               icon: Icon(
-                state.isFavorite ? Icons.favorite : Icons.favorite_outline_outlined,
+                state.isFavorite
+                    ? Icons.favorite
+                    : Icons.favorite_outline_outlined,
                 size: sizeIcons,
                 color: AppColors.darkGrey,
               ),

lib/core/configs/theme/app_color.dart

@@ -6,6 +6,7 @@ class AppColors {
   static const darkBackground = Color(0xff0D0C0C);
   static const grey = Color(0xffBEBEBE);
   static const darkGrey = Color(0xff616161);
+  static const metalDark = Color(0xff2C2B2B);
 
   static const greyTitle = Color(0xffDADADA);
   static const white = Color(0xffF6F6F6);

lib/core/constants/app_urls.dart

@@ -1,6 +1,10 @@
 class AppUrls {
-  static const coverFireStorage = 'https://firebasestorage.googleapis.com/v0/b/spotify-flutter-4aa82.appspot.com/o/covers%2F';
-  static const songFireStorage = 'https://firebasestorage.googleapis.com/v0/b/spotify-flutter-4aa82.appspot.com/o/songs%2F';
+  static const coverFireStorage =
+      'https://firebasestorage.googleapis.com/v0/b/spotify-flutter-4aa82.appspot.com/o/covers%2F';
+  static const songFireStorage =
+      'https://firebasestorage.googleapis.com/v0/b/spotify-flutter-4aa82.appspot.com/o/songs%2F';
   static const temp = 'Son-Tung-';
   static const mediaAlt = 'alt=media';
+  static const defaultAvatar =
+      'https://cdn-icons-png.flaticon.com/512/10542/10542486.png';
 }

lib/data/models/auth/user.dart

@@ -0,0 +1,29 @@
+import 'package:spotify_with_flutter/domain/entities/auth/user.dart';
+
+class UserModel {
+  String? email;
+  String? fullName;
+  String? imageURL;
+
+  UserModel({
+    this.email,
+    this.fullName,
+    this.imageURL,
+  });
+
+  UserModel.fromJson(Map<String, dynamic> data) {
+    email = data['email'];
+    fullName = data['name'];
+    imageURL = data['imageURL'];
+  }
+}
+
+extension UserModelX on UserModel {
+  UserEntity toEntity() {
+    return UserEntity(
+      email: email!,
+      fullName: fullName!,
+      imageURL: imageURL!,
+    );
+  }
+}

lib/data/repository/auth/auth_repository_impl.dart

@@ -15,4 +15,9 @@ class AuthRepositoryImpl extends AuthRepository {
   Future<Either> signup(CreateUserReq createUserReq) async {
     return await sl<AuthFirebaseService>().signup(createUserReq);
   }
+
+  @override
+  Future<Either> getUser() async {
+    return await sl<AuthFirebaseService>().getUser();
+  }
 }

lib/data/repository/song/song_repository_impl.dart

@@ -23,4 +23,9 @@ class SongRepositoryImpl extends SongsRepository {
   Future<bool> isFavoriteSong(String songId) async {
     return await sl<SongFirebaseService>().isFavoriteSong(songId);
   }
+
+  @override
+  Future<Either> getUserFavoriteSongs() async {
+    return await sl<SongFirebaseService>().getUserFavoriteSong();
+  }
 }

lib/data/sources/auth/auth_firebase_service.dart

@@ -1,12 +1,17 @@
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:dartz/dartz.dart';
 import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/foundation.dart';
+import 'package:spotify_with_flutter/core/constants/app_urls.dart';
 import 'package:spotify_with_flutter/data/models/auth/create_user_req.dart';
 import 'package:spotify_with_flutter/data/models/auth/signin_user_req.dart';
+import 'package:spotify_with_flutter/data/models/auth/user.dart';
+import 'package:spotify_with_flutter/domain/entities/auth/user.dart';
 
 abstract class AuthFirebaseService {
   Future<Either> signup(CreateUserReq createUserReq);
   Future<Either> signin(SigninUserReq signinUserReq);
+  Future<Either> getUser();
 }
 
 class AuthFirebaseServiceImpl extends AuthFirebaseService {
@@ -60,4 +65,33 @@ class AuthFirebaseServiceImpl extends AuthFirebaseService {
       return left(message);
     }
   }
+
+  @override
+  Future<Either> getUser() async {
+    try {
+      FirebaseAuth firebaseAuth = FirebaseAuth.instance;
+      FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance;
+
+      var user = await firebaseFirestore
+          .collection('Users')
+          .doc(
+            firebaseAuth.currentUser?.uid,
+          )
+          .get();
+
+      UserModel userModel = UserModel.fromJson(user.data()!);
+
+      userModel.imageURL =
+          firebaseAuth.currentUser?.photoURL ?? AppUrls.defaultAvatar;
+
+      UserEntity userEntity = userModel.toEntity();
+
+      return Right(userEntity);
+    } catch (e) {
+      if (kDebugMode) {
+        print("error: $e");
+      }
+      return const Left('An error occurred');
+    }
+  }
 }

lib/data/sources/song/song_firebase_service.dart

@@ -12,6 +12,7 @@ abstract class SongFirebaseService {
   Future<Either> getPlayList();
   Future<Either> addOrRemoveFavoriteSong(String songId);
   Future<bool> isFavoriteSong(String songId);
+  Future<Either> getUserFavoriteSong();
 }
 
 class SongFirebaseServiceImpl extends SongFirebaseService {
@@ -93,7 +94,7 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
 
       late bool isFavorite;
 
-      var user = await firebaseAuth.currentUser;
+      var user = firebaseAuth.currentUser;
 
       String uID = user!.uid;
 
@@ -111,7 +112,11 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
         await favoriteSongs.docs.first.reference.delete();
         isFavorite = false;
       } else {
-        await firebaseFirestore.collection('Users').doc(uID).collection('Favorites').add(
+        await firebaseFirestore
+            .collection('Users')
+            .doc(uID)
+            .collection('Favorites')
+            .add(
           {
             'songId': songId,
             'addedDate': Timestamp.now(),
@@ -133,7 +138,7 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
 
       final FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance;
 
-      var user = await firebaseAuth.currentUser;
+      var user = firebaseAuth.currentUser;
 
       String uID = user!.uid;
 
@@ -156,4 +161,38 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
       return false;
     }
   }
+
+  @override
+  Future<Either> getUserFavoriteSong() async {
+    try {
+      List<SongEntity> favoriteSong = [];
+      final FirebaseAuth firebaseAuth = FirebaseAuth.instance;
+
+      final FirebaseFirestore firebaseFirestore = FirebaseFirestore.instance;
+
+      var user = firebaseAuth.currentUser;
+
+      String uID = user!.uid;
+
+      QuerySnapshot favoriteSnapshot = await firebaseFirestore
+          .collection('Users')
+          .doc(uID)
+          .collection('Favorites')
+          .get();
+
+      for (var element in favoriteSnapshot.docs) {
+        String songId = element['songId'];
+        var song =
+            await firebaseFirestore.collection('Songs').doc(songId).get();
+        SongModel songModel = SongModel.fromJson(song.data()!);
+        songModel.isFavorite = true;
+        songModel.songId = songId;
+        favoriteSong.add(songModel.toEntity());
+      }
+
+      return Right(favoriteSong);
+    } catch (e) {
+      return const Left('An error occurred');
+    }
+  }
 }

lib/domain/entities/auth/user.dart

@@ -1,10 +1,10 @@
 class UserEntity {
-  String? userId;
+  String? imageURL;
   String? fullName;
   String? email;
 
   UserEntity({
-    this.userId,
+    this.imageURL,
     this.fullName,
     this.email,
   });