✅ done Home Page - Fetching Songs - Display Songs Using Blog

Author: ChunhThanhDe

lib/core/configs/theme/app_color.dart

@@ -12,4 +12,5 @@ class AppColors {
   static const dark = Color(0xff313131);
 
   static const blue = Color(0xff288CE9);
+  static const greyWhite = Color(0xffE6E6E6);
 }

lib/core/constants/app_urls.dart

@@ -1,5 +1,6 @@
 class AppUrls {
   static const fireStorage =
       'https://firebasestorage.googleapis.com/v0/b/spotify-flutter-4aa82.appspot.com/o/covers%2F';
+  static const temp = 'Son-Tung-';
   static const mediaAlt = 'alt=media';
 }

lib/data/repository/song/song_repository_impl.dart

@@ -8,4 +8,9 @@ class SongRepositoryImpl extends SongsRepository {
   Future<Either> getNewsSongs() async {
     return await sl<SongFirebaseService>().getNewsSongs();
   }
+
+  @override
+  Future<Either> getPlayList() async {
+    return await sl<SongFirebaseService>().getPlayList();
+  }
 }

lib/data/sources/song/song_firebase_service.dart

@@ -1,10 +1,12 @@
 import 'package:cloud_firestore/cloud_firestore.dart';
 import 'package:dartz/dartz.dart';
+import 'package:flutter/foundation.dart';
 import 'package:spotify_with_flutter/data/models/songs/songs.dart';
 import 'package:spotify_with_flutter/domain/entities/songs/songs.dart';
 
 abstract class SongFirebaseService {
   Future<Either> getNewsSongs();
+  Future<Either> getPlayList();
 }
 
 class SongFirebaseServiceImpl extends SongFirebaseService {
@@ -13,7 +15,7 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
     try {
       List<SongEntity> songs = [];
       var data = await FirebaseFirestore.instance
-          .collection('songs')
+          .collection('Songs')
           .orderBy('releaseDate', descending: true)
           .limit(3)
           .get();
@@ -25,6 +27,32 @@ class SongFirebaseServiceImpl extends SongFirebaseService {
 
       return right(songs);
     } on Exception catch (e) {
+      if (kDebugMode) {
+        print('Error: $e');
+      }
+      return const Left('An error occurred, Please try again.');
+    }
+  }
+
+  @override
+  Future<Either> getPlayList() async {
+    try {
+      List<SongEntity> songs = [];
+      var data = await FirebaseFirestore.instance
+          .collection('Songs')
+          .orderBy('releaseDate', descending: true)
+          .get();
+
+      for (var element in data.docs) {
+        var songModel = SongModel.fromJson(element.data());
+        songs.add(songModel.toEntity());
+      }
+
+      return right(songs);
+    } on Exception catch (e) {
+      if (kDebugMode) {
+        print('Error: $e');
+      }
       return const Left('An error occurred, Please try again.');
     }
   }

lib/domain/repository/song/song.dart

@@ -2,4 +2,5 @@ import 'package:dartz/dartz.dart';
 
 abstract class SongsRepository {
   Future<Either> getNewsSongs();
+  Future<Either> getPlayList();
 }

lib/domain/usecase/auth/signup.dart

@@ -1,5 +1,4 @@
 import 'package:dartz/dartz.dart';
-import 'package:firebase_auth/firebase_auth.dart';
 import 'package:spotify_with_flutter/core/usecase/usecase.dart';
 import 'package:spotify_with_flutter/data/models/auth/create_user_req.dart';
 import 'package:spotify_with_flutter/domain/repository/auth/auth.dart';

lib/domain/usecase/song/get_play_list.dart

@@ -0,0 +1,11 @@
+import 'package:dartz/dartz.dart';
+import 'package:spotify_with_flutter/core/usecase/usecase.dart';
+import 'package:spotify_with_flutter/domain/repository/song/song.dart';
+import 'package:spotify_with_flutter/service_locator.dart';
+
+class GetPlayListUseCase implements UseCase<Either, dynamic> {
+  @override
+  Future<Either> call({params}) async {
+    return sl<SongsRepository>().getPlayList();
+  }
+}

lib/presentation/home/bloc/play_list_cubit.dart

@@ -0,0 +1,23 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:spotify_with_flutter/domain/usecase/song/get_play_list.dart';
+import 'package:spotify_with_flutter/presentation/home/bloc/play_list_state.dart';
+import 'package:spotify_with_flutter/service_locator.dart';
+
+class PlayListCubit extends Cubit<PlayListState> {
+  PlayListCubit() : super(PlayListLoading());
+
+  Future<void> getPlayList() async {
+    var returnedSongs = await sl<GetPlayListUseCase>().call();
+
+    returnedSongs.fold(
+      (l) {
+        emit(PlayListLoadFailure());
+      },
+      (data) {
+        emit(
+          PlayListLoaded(songs: data),
+        );
+      },
+    );
+  }
+}

lib/presentation/home/bloc/play_list_state.dart

@@ -0,0 +1,12 @@
+import 'package:spotify_with_flutter/domain/entities/songs/songs.dart';
+
+abstract class PlayListState {}
+
+class PlayListLoading extends PlayListState {}
+
+class PlayListLoaded extends PlayListState {
+  final List<SongEntity> songs;
+  PlayListLoaded({required this.songs});
+}
+
+class PlayListLoadFailure extends PlayListState {}

lib/presentation/home/pages/home.dart

@@ -5,6 +5,7 @@ import 'package:spotify_with_flutter/core/configs/assets/app_images.dart';
 import 'package:spotify_with_flutter/core/configs/assets/app_vectors.dart';
 import 'package:spotify_with_flutter/core/configs/theme/app_color.dart';
 import 'package:spotify_with_flutter/presentation/home/widgets/news_songs.dart';
+import 'package:spotify_with_flutter/presentation/home/widgets/play_list.dart';
 
 class HomePage extends StatefulWidget {
   const HomePage({super.key});
@@ -32,6 +33,7 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
           children: [
             _homeTopCard(),
             _tabs(),
+            const SizedBox(height: 10),
             SizedBox(
               height: 266,
               child: TabBarView(
@@ -44,6 +46,8 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
                 ],
               ),
             ),
+            const SizedBox(height: 25),
+            const PlayList(),
           ],
         ),
       ),