Feature/transactions category breakdown

lib/core/l10n/app_ar.arb

@@ -144,4 +144,7 @@
   "categoriesFilterTitle": "تصفية الفئات",
   "categoriesFilterClear": "مسح",
   "categoriesFilterApply": "تطبيق"
+  "categoriesBreakdown": "تفاصيل الفئات",
+  "no_monthly_breakdown": "لا يوجد نفقات لتحليلها بعد",
+  "totalSpend": "إجمالي الإنفاق"
 }

lib/core/l10n/app_en.arb

@@ -161,4 +161,7 @@
   "categoriesFilterTitle": "Categories filter",
   "categoriesFilterClear": "Clear",
   "categoriesFilterApply": "Apply"
+  "categoriesBreakdown": "Categories Breakdown",
+  "no_monthly_breakdown": "No expenses to analyze yet",
+  "totalSpend": "Total Spend"
 }

lib/data/repository/statistics_repository_impl.dart

@@ -1,40 +1,43 @@
-import '../../core/service/supabase_service.dart';
+import '../../core/errors/error_model.dart';
+import '../../core/errors/result.dart';
+import '../../data/service/supabase_service.dart';
+import '../../domain/entity/categories_breakdown.dart';
 import '../../domain/entity/monthly_overview.dart';
 import '../../domain/repository/statistics_repository.dart';
 
 class StatisticsRepositoryImpl implements StatisticsRepository {
   final SupabaseService _supabaseService;
 
   StatisticsRepositoryImpl({required SupabaseService supabaseService})
-      : _supabaseService = supabaseService;
+    : _supabaseService = supabaseService;
 
   @override
-  Future<MonthlyOverview?> getMonthlyOverview({required DateTime month}) async {
+  Future<Result<MonthlyOverview>> getMonthlyOverview({
+    required DateTime month,
+  }) async {
     try {
       final client = await _supabaseService.getClient();
       final userId = client.auth.currentUser?.id;
 
       if (userId == null) {
-        return null;
+        return Result.error(ErrorModel('User not logged in'));
       }
 
       // Call RPC function
       final response = await client.rpc(
         'get_monthly_overview',
-        params: {
-          'in_year': month.year,
-          'in_month': month.month,
-        },
+        params: {'in_year': month.year, 'in_month': month.month},
       );
-
       if (response == null) {
-        return _createEmptyOverview();
+        return Result.success(_createEmptyOverview());
       }
 
-      return _mapResponseToOverview(response as Map<String, dynamic>);
+      return Result.success(
+        _mapResponseToOverview(response as Map<String, dynamic>),
+      );
     } catch (e) {
       print('Error fetching monthly overview: $e');
-      rethrow;
+      return Result.error(ErrorModel(e.toString()));
     }
   }
 
@@ -112,4 +115,25 @@ class StatisticsRepositoryImpl implements StatisticsRepository {
     }
     return value.toStringAsFixed(0);
   }
-}
+
+  @override
+  Future<Result<CategoriesBreakdown>> getCategoriesBreakDown({
+    required DateTime date,
+  }) async {
+    try {
+      final client = await _supabaseService.getClient();
+      final data = await client.rpc(
+        'get_expenses_categories_breakdown',
+        params: {'in_year': date.year, 'in_month': date.month},
+      );
+      if (data == null) {
+        return Result.success(
+          CategoriesBreakdown(categories: [], totalSpend: 0.0),
+        );
+      }
+      return Result.success(CategoriesBreakdown.fromJson(data));
+    } catch (e) {
+      return Result.error(ErrorModel(e.toString()));
+    }
+  }
+}

lib/design_system/assets/app_assets.dart

@@ -69,6 +69,7 @@ class AppAssets {
   static const String icEmptyTransactionImage = '$_images/empty_transaction_image.png';
   static const String icEmptyTransactionPattern = '$_icons/empty_transaction_pattern.svg';
   static const String icFilter = "$_icons/ic_filter.svg";
+  static const String imgNoAnalysis = "$_images/img_no_analysis.png";
   static const String icAddAmount = "$_icons/ic_add_transaction_income.svg";
   static const String icAddExpense = "$_icons/ic_add_transaction_expense.svg";
 }

lib/design_system/widgets/app_empty_view.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:moneyplus/design_system/assets/app_assets.dart';
 import 'package:moneyplus/design_system/theme/money_extension_context.dart';
 
+import 'buttons/button/default_button.dart';
+
 class AppEmptyView extends StatelessWidget {
   final String title;
   final String subtitle;
@@ -25,11 +27,9 @@ class AppEmptyView extends StatelessWidget {
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
             Image.asset(
-              // todo : AppAssets.imgStatisticsEmpty,
-              AppAssets.logo,
-              color: Colors.red,
-              width: 120,
-              height: 120,
+              AppAssets.imgNoAnalysis,
+              width: 105,
+              height: 96,
             ),
             const SizedBox(height: 24),
             Text(
@@ -50,18 +50,9 @@ class AppEmptyView extends StatelessWidget {
             if (buttonText != null && onButtonPressed != null) ...[
               const SizedBox(height: 24),
               SizedBox(
-                width: double.infinity,
-                child: ElevatedButton(
+                child: DefaultButton(
                   onPressed: onButtonPressed,
-                  style: ElevatedButton.styleFrom(
-                    backgroundColor: context.colors.primary,
-                    foregroundColor: context.colors.onPrimary,
-                    padding: const EdgeInsets.symmetric(vertical: 12),
-                    shape: RoundedRectangleBorder(
-                      borderRadius: BorderRadius.circular(24),
-                    ),
-                  ),
-                  child: Text(buttonText!),
+                  text: buttonText!,
                 ),
               ),
             ],
@@ -70,4 +61,4 @@ class AppEmptyView extends StatelessWidget {
       ),
     );
   }
-}
+}

lib/domain/entity/categories_breakdown.dart

@@ -0,0 +1,36 @@
+
+class CategoriesBreakdown {
+    final List<BreakDownCategory> categories;
+    final double totalSpend;
+
+    CategoriesBreakdown({
+        required this.categories,
+        required this.totalSpend,
+    });
+
+    factory CategoriesBreakdown.fromJson(Map<String, dynamic> json) => CategoriesBreakdown(
+        categories: List<BreakDownCategory>.from(json["categories"].map((category) => BreakDownCategory.fromJson(category))),
+        totalSpend: json["total_spend"]?.toDouble(),
+    );
+}
+
+class BreakDownCategory {
+    final int? id;
+    final String name;
+    final double spend;
+    final double percentage;
+
+    BreakDownCategory({
+        this.id,
+        required this.name,
+        required this.spend,
+        required this.percentage,
+    });
+
+    factory BreakDownCategory.fromJson(Map<String, dynamic> json) => BreakDownCategory(
+        id: json["id"],
+        name: json["name"],
+        spend: json["spend"]?.toDouble(),
+        percentage: json["percentage"]?.toDouble(),
+    );
+}

lib/domain/repository/statistics_repository.dart

@@ -1,5 +1,10 @@
 import '../entity/monthly_overview.dart';
 
+import 'package:moneyplus/domain/entity/categories_breakdown.dart';
+
+import '../../core/errors/result.dart';
+
 abstract class StatisticsRepository {
-  Future<MonthlyOverview?> getMonthlyOverview({required DateTime month});
-}
+  Future<Result<MonthlyOverview>> getMonthlyOverview({required DateTime month});
+  Future<Result<CategoriesBreakdown>> getCategoriesBreakDown({required DateTime date});
+}

lib/presentation/main_container/screen/main_screen.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:moneyplus/design_system/theme/money_extension_context.dart';
 import 'package:moneyplus/presentation/main_container/cubit/main_state.dart';
+import 'package:moneyplus/presentation/statistics/statistics_screen.dart';
 import 'package:moneyplus/presentation/transactions/screen/transactions_screen.dart';
 
 import '../../../design_system/widgets/nav_bar.dart';

lib/presentation/statistics/cubit/statistics_cubit.dart

@@ -14,20 +14,33 @@ class StatisticsCubit extends Cubit<StatisticsState> {
 
     emit(const StatisticsLoading());
 
-    try {
-      final monthlyOverview = await _repository.getMonthlyOverview(
-        month: selectedMonth,
-      );
+    final monthlyOverviewResult = await _repository.getMonthlyOverview(
+      month: selectedMonth,
+    );
+    monthlyOverviewResult.when(
+      onSuccess: (monthlyOverview) async {
+        final categoriesBreakdownResult =
+            await _repository.getCategoriesBreakDown(date:selectedMonth);
 
-      emit(
-        StatisticsSuccess(
-          monthlyOverview: monthlyOverview,
-          selectedMonth: selectedMonth,
-        ),
-      );
-    } catch (e) {
-      emit(StatisticsFailure(e.toString()));
-    }
+        categoriesBreakdownResult.when(
+          onSuccess: (categoriesBreakdown) {
+            emit(
+              StatisticsSuccess(
+                monthlyOverview: monthlyOverview,
+                selectedMonth: selectedMonth,
+                categoriesBreakdown: categoriesBreakdown,
+              ),
+            );
+          },
+          onError: (error) {
+            emit(StatisticsFailure(error.message));
+          },
+        );
+      },
+      onError: (error) {
+        emit(StatisticsFailure(error.message));
+      },
+    );
   }
 
   void changeMonth(DateTime month) {

lib/presentation/statistics/cubit/statistics_state.dart

@@ -1,3 +1,5 @@
+import 'package:moneyplus/domain/entity/categories_breakdown.dart';
+
 import '../../../domain/entity/monthly_overview.dart';
 
 sealed class StatisticsState {
@@ -13,19 +15,21 @@ class StatisticsLoading extends StatisticsState {
 }
 
 class StatisticsSuccess extends StatisticsState {
-  final MonthlyOverview? monthlyOverview;
+  final MonthlyOverview monthlyOverview;
   final DateTime selectedMonth;
+  final CategoriesBreakdown categoriesBreakdown;
 
   const StatisticsSuccess({
     required this.monthlyOverview,
     required this.selectedMonth,
+    required this.categoriesBreakdown,
   });
 
-  bool get hasNoData => monthlyOverview == null;
+  bool get hasNoData => monthlyOverview.isEmpty && categoriesBreakdown.categories.isEmpty;
 }
 
 class StatisticsFailure extends StatisticsState {
   final String message;
 
   const StatisticsFailure(this.message);
-}
+}