Add like feature (#31)

* add like feature on community activities

* fix can open activity on profile

* edit screenshot

* dispose activity items providers when activity list is destroyed

Author: BenjaminCanape

lib/data/api/activity_api.dart

@@ -74,4 +74,16 @@ class ActivityApi {
         data: request.toMap());
     return ActivityResponse.fromMap(response?.data);
   }
+
+  /// Like the activity
+  static Future<void> like(String activityId) async {
+    await ApiHelper.makeRequest('${ActivityApi.url}like', 'POST_FORM_DATA',
+        data: {'id': activityId});
+  }
+
+  /// Dislike the activity
+  static Future<void> dislike(String activityId) async {
+    await ApiHelper.makeRequest('${ActivityApi.url}dislike', 'POST_FORM_DATA',
+        data: {'id': activityId});
+  }
 }

lib/data/model/response/activity_response.dart

@@ -36,6 +36,12 @@ class ActivityResponse extends Equatable {
   /// The user concerned by the activity
   final UserResponse user;
 
+  /// The count of likes on the activity
+  final double likesCount;
+
+  /// has current user liked ?
+  final bool hasCurrentUserLiked;
+
   /// Constructs an ActivityResponse object with the given parameters.
   const ActivityResponse(
       {required this.id,
@@ -46,7 +52,9 @@ class ActivityResponse extends Equatable {
       required this.speed,
       required this.time,
       required this.locations,
-      required this.user});
+      required this.user,
+      required this.likesCount,
+      required this.hasCurrentUserLiked});
 
   @override
   List<Object?> get props => [
@@ -58,7 +66,9 @@ class ActivityResponse extends Equatable {
         speed,
         time,
         ...locations,
-        user
+        user,
+        likesCount,
+        hasCurrentUserLiked
       ];
 
   /// Creates an ActivityResponse object from a JSON map.
@@ -79,10 +89,14 @@ class ActivityResponse extends Equatable {
             ? double.parse(map['speed'])
             : map['speed'].toDouble(),
         time: map['time'].toDouble(),
+        likesCount: map['likesCount'].toDouble(),
+        hasCurrentUserLiked: map['hasCurrentUserLiked'],
         locations: (map['locations'] as List<dynamic>)
             .map<LocationResponse>((item) => LocationResponse.fromMap(item))
             .toList(),
-        user: UserResponse.fromMap(map['user']));
+        user: UserResponse.fromMap(
+          map['user'],
+        ));
   }
 
   /// Converts the ActivityResponse object to an Activity entity.
@@ -98,18 +112,21 @@ class ActivityResponse extends Equatable {
       ..sort((a, b) => a.datetime.compareTo(b.datetime));
 
     return Activity(
-        id: id,
-        type: type,
-        startDatetime: startDatetime,
-        endDatetime: endDatetime,
-        distance: distance,
-        speed: speed,
-        time: time,
-        locations: activityLocations,
-        user: User(
-            id: user.id,
-            username: user.username,
-            firstname: user.firstname,
-            lastname: user.lastname));
+      id: id,
+      type: type,
+      startDatetime: startDatetime,
+      endDatetime: endDatetime,
+      distance: distance,
+      speed: speed,
+      time: time,
+      locations: activityLocations,
+      likesCount: likesCount,
+      hasCurrentUserLiked: hasCurrentUserLiked,
+      user: User(
+          id: user.id,
+          username: user.username,
+          firstname: user.firstname,
+          lastname: user.lastname),
+    );
   }
 }

lib/data/repositories/activity_repository_impl.dart

@@ -53,4 +53,14 @@ class ActivityRepositoryImpl extends ActivityRepository {
     final activityResponse = await ActivityApi.editActivity(request);
     return activityResponse.toEntity();
   }
+
+  @override
+  Future<void> like(String id) async {
+    await ActivityApi.like(id);
+  }
+
+  @override
+  Future<void> dislike(String id) async {
+    await ActivityApi.dislike(id);
+  }
 }

lib/domain/entities/activity.dart

@@ -33,6 +33,12 @@ class Activity extends Equatable {
   // The user concerned by the activity
   final User user;
 
+  /// The count of likes on the activity
+  final double likesCount;
+
+  /// has current user liked ?
+  final bool hasCurrentUserLiked;
+
   /// Constructs an Activity object with the given parameters.
   const Activity(
       {required this.id,
@@ -43,7 +49,26 @@ class Activity extends Equatable {
       required this.speed,
       required this.time,
       required this.locations,
-      required this.user});
+      required this.user,
+      required this.likesCount,
+      required this.hasCurrentUserLiked});
+
+  Activity copy(
+      {ActivityType? type, double? likesCount, bool? hasCurrentUserLiked}) {
+    return Activity(
+      id: id,
+      type: type ?? this.type,
+      startDatetime: startDatetime,
+      endDatetime: endDatetime,
+      distance: distance,
+      speed: speed,
+      time: time,
+      locations: locations,
+      user: user,
+      likesCount: likesCount ?? this.likesCount,
+      hasCurrentUserLiked: hasCurrentUserLiked ?? this.hasCurrentUserLiked,
+    );
+  }
 
   @override
   List<Object?> get props => [
@@ -55,6 +80,8 @@ class Activity extends Equatable {
         speed,
         time,
         ...locations,
-        user
+        user,
+        likesCount,
+        hasCurrentUserLiked
       ];
 }

lib/domain/repositories/activity_repository.dart

@@ -23,4 +23,10 @@ abstract class ActivityRepository {
 
   /// Edits an existing activity.
   Future<Activity> editActivity(ActivityRequest request);
+
+  /// Like the activity
+  Future<void> like(String id);
+
+  /// Dislike the activity
+  Future<void> dislike(String id);
 }

lib/presentation/common/activity/view_model/activity_item_view_model.dart

@@ -1,21 +1,77 @@
 import 'dart:typed_data';
 
+import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:run_flutter_run/data/repositories/activity_repository_impl.dart';
+import 'package:run_flutter_run/domain/entities/activity.dart';
 import '../../../../data/repositories/user_repository_impl.dart';
+import '../../../../main.dart';
+import '../../../my_activities/screens/activity_details_screen.dart';
 import 'state/activity_item_state.dart';
 
 /// Provider for the activity item view model.
-final activityItemViewModelProvider =
-    StateNotifierProvider.autoDispose<ActivityItemViewModel, ActivityItemState>(
-        (ref) => ActivityItemViewModel(ref));
+final activityItemViewModelProvider = StateNotifierProvider.family<
+    ActivityItemViewModel,
+    ActivityItemState,
+    String>((ref, activityId) => ActivityItemViewModel(ref, activityId));
 
 /// View model for the activity item widget.
 class ActivityItemViewModel extends StateNotifier<ActivityItemState> {
-  late final Ref ref;
+  final String activityId;
+  final Ref ref;
 
-  ActivityItemViewModel(this.ref) : super(ActivityItemState.initial());
+  ActivityItemViewModel(this.ref, this.activityId)
+      : super(ActivityItemState.initial());
+
+  void setActivity(Activity activity) {
+    state = state.copyWith(activity: activity);
+  }
 
   Future<Uint8List?> getProfilePicture(String userId) async {
     return ref.read(userRepositoryProvider).downloadProfilePicture(userId);
   }
+
+  /// Like the activity.
+  Future<void> like(Activity activity) async {
+    await ref.read(activityRepositoryProvider).like(activity.id);
+    setActivity(activity.copy(
+        likesCount: activity.likesCount + 1, hasCurrentUserLiked: true));
+  }
+
+  /// Dislike the activity.
+  Future<void> dislike(Activity activity) async {
+    await ref.read(activityRepositoryProvider).dislike(activity.id);
+    setActivity(activity.copy(
+        likesCount: activity.likesCount - 1, hasCurrentUserLiked: false));
+  }
+
+  /// Retrieves the details of an activity.
+  Future<Activity> getActivityDetails(Activity activity) async {
+    try {
+      final activityDetails = await ref
+          .read(activityRepositoryProvider)
+          .getActivityById(id: activity.id);
+      return activityDetails;
+    } catch (error) {
+      // Handle error
+      rethrow;
+    }
+  }
+
+  /// Navigates to the activity details screen.
+  void goToActivity(Activity activityDetails) {
+    navigatorKey.currentState?.push(
+      PageRouteBuilder(
+        transitionDuration: const Duration(milliseconds: 500),
+        pageBuilder: (context, animation, secondaryAnimation) =>
+            SlideTransition(
+          position: Tween<Offset>(
+            begin: const Offset(1.0, 0.0),
+            end: Offset.zero,
+          ).animate(animation),
+          child: ActivityDetailsScreen(activity: activityDetails),
+        ),
+      ),
+    );
+  }
 }

lib/presentation/common/activity/view_model/state/activity_item_state.dart

@@ -1,9 +1,17 @@
+import '../../../../../domain/entities/activity.dart';
+
 /// The state class for activity item.
 class ActivityItemState {
-  const ActivityItemState();
+  final Activity? activity;
+
+  const ActivityItemState({this.activity});
 
   /// Factory method to create the initial state.
   factory ActivityItemState.initial() {
-    return const ActivityItemState();
+    return const ActivityItemState(activity: null);
+  }
+
+  ActivityItemState copyWith({Activity? activity}) {
+    return ActivityItemState(activity: activity ?? this.activity);
   }
 }