Bug fix: user avatar does not update on challenge completion

lib/models/ui/comment_details.dart

@@ -1,19 +1,24 @@
 import "package:flutter/foundation.dart";
 import "package:proxima/models/database/comment/comment_data.dart";
 import "package:proxima/models/database/user/user_firestore.dart";
+import "package:proxima/models/database/user/user_id_firestore.dart";
 
+/// This class contains all the details of a comment
+/// that are needed to display it in the UI.
 @immutable
 class CommentDetails {
   final String content;
   final String ownerDisplayName;
   final String ownerUsername;
+  final UserIdFirestore ownerUserID;
   final int ownerCentauriPoints;
   final DateTime publicationDate;
 
   const CommentDetails({
     required this.content,
     required this.ownerDisplayName,
     required this.ownerUsername,
+    required this.ownerUserID,
     required this.ownerCentauriPoints,
     required this.publicationDate,
   });
@@ -26,6 +31,7 @@ class CommentDetails {
         other.content == content &&
         other.ownerDisplayName == ownerDisplayName &&
         other.ownerUsername == ownerUsername &&
+        other.ownerUserID == ownerUserID &&
         other.ownerCentauriPoints == ownerCentauriPoints &&
         other.publicationDate == publicationDate;
   }
@@ -36,6 +42,7 @@ class CommentDetails {
       content,
       ownerDisplayName,
       ownerUsername,
+      ownerUserID,
       ownerCentauriPoints,
       publicationDate,
     );
@@ -53,6 +60,7 @@ class CommentDetails {
       content: commentData.content,
       ownerDisplayName: ownerData.displayName,
       ownerUsername: ownerData.username,
+      ownerUserID: owner.uid,
       ownerCentauriPoints: ownerData.centauriPoints,
       publicationDate: DateTime.fromMillisecondsSinceEpoch(
         commentData.publicationTime.millisecondsSinceEpoch,

lib/models/ui/post_details.dart

@@ -3,6 +3,7 @@ import "package:geoflutterfire_plus/geoflutterfire_plus.dart";
 import "package:proxima/models/database/post/post_firestore.dart";
 import "package:proxima/models/database/post/post_id_firestore.dart";
 import "package:proxima/models/database/user/user_firestore.dart";
+import "package:proxima/models/database/user/user_id_firestore.dart";
 
 @immutable
 
@@ -15,6 +16,7 @@ class PostDetails {
   final int commentNumber;
   final String ownerDisplayName;
   final String ownerUsername;
+  final UserIdFirestore ownerUserID;
   final int ownerCentauriPoints;
   final DateTime publicationDate;
   final int distance; // in meters
@@ -28,6 +30,7 @@ class PostDetails {
     required this.commentNumber,
     required this.ownerDisplayName,
     required this.ownerUsername,
+    required this.ownerUserID,
     required this.ownerCentauriPoints,
     required this.publicationDate,
     required this.distance,
@@ -46,6 +49,7 @@ class PostDetails {
         other.commentNumber == commentNumber &&
         other.ownerDisplayName == ownerDisplayName &&
         other.ownerUsername == ownerUsername &&
+        other.ownerUserID == ownerUserID &&
         other.ownerCentauriPoints == ownerCentauriPoints &&
         other.publicationDate == publicationDate &&
         other.distance == distance &&
@@ -62,6 +66,7 @@ class PostDetails {
       commentNumber,
       ownerDisplayName,
       ownerUsername,
+      ownerUserID,
       ownerCentauriPoints,
       publicationDate,
       distance,
@@ -86,6 +91,7 @@ class PostDetails {
       commentNumber: postFirestore.data.commentCount,
       ownerDisplayName: userFirestore.data.displayName,
       ownerUsername: userFirestore.data.username,
+      ownerUserID: userFirestore.uid,
       ownerCentauriPoints: userFirestore.data.centauriPoints,
       publicationDate: postFirestore.data.publicationTime.toDate(),
       distance: (geoFirePoint.distanceBetweenInKm(

lib/models/ui/ranking/ranking_element_details.dart

@@ -1,4 +1,5 @@
 import "package:flutter/foundation.dart";
+import "package:proxima/models/database/user/user_id_firestore.dart";
 
 /// A class that stores data for each ranking UI element.
 /// The [userRank] is nullable to allow the current user to not have a rank.
@@ -7,6 +8,7 @@ class RankingElementDetails {
   const RankingElementDetails({
     required this.userDisplayName,
     required this.userUserName,
+    required this.userID,
     required this.centauriPoints,
     required this.userRank,
   });
@@ -17,6 +19,9 @@ class RankingElementDetails {
   /// Username of the user.
   final String userUserName;
 
+  /// ID of the user.
+  final UserIdFirestore userID;
+
   /// Centauri points of the user.
   final int centauriPoints;
 
@@ -30,6 +35,7 @@ class RankingElementDetails {
     return other is RankingElementDetails &&
         other.userDisplayName == userDisplayName &&
         other.userUserName == userUserName &&
+        other.userID == userID &&
         other.centauriPoints == centauriPoints &&
         other.userRank == userRank;
   }
@@ -38,6 +44,7 @@ class RankingElementDetails {
   int get hashCode => Object.hash(
         userDisplayName,
         userUserName,
+        userID,
         centauriPoints,
         userRank,
       );

lib/models/ui/user_avatar_details.dart

@@ -1,42 +1,46 @@
 import "package:flutter/foundation.dart";
-import "package:proxima/models/database/user/user_data.dart";
+import "package:proxima/models/database/user/user_firestore.dart";
+import "package:proxima/models/database/user/user_id_firestore.dart";
 
 /// A class that stores data for a user avatar UI.
 @immutable
 class UserAvatarDetails {
   final String displayName;
-  final int? userCentauriPoints;
+  final UserIdFirestore? userID;
 
   /// Creates a [UserAvatarDetails] object.
   /// [displayName] is the user's display name, of which
   /// the first letter is displayed on the avatar.
-  /// [userCentauriPoints] is the user's centauri points,
-  /// which is used to color the avatar background.
+  /// [userID] is the user's ID. Can be null
+  /// to allow creating a user avatar without a user which
+  /// is useful for loading states.
   const UserAvatarDetails({
     required this.displayName,
-    required this.userCentauriPoints,
+    required this.userID,
   });
 
-  /// Converts a [UserData] object, [userData], to a [UserAvatarDetails] object.
-  factory UserAvatarDetails.fromUserData(UserData userData) {
+  /// Converts a [UserFirestore] object, [user], to a [UserAvatarDetails] object.
+  factory UserAvatarDetails.fromUser(
+    UserFirestore user,
+  ) {
     return UserAvatarDetails(
-      displayName: userData.displayName,
-      userCentauriPoints: userData.centauriPoints,
+      displayName: user.data.displayName,
+      userID: user.uid,
     );
   }
 
   @override
   bool operator ==(Object other) {
     return other is UserAvatarDetails &&
         other.displayName == displayName &&
-        other.userCentauriPoints == userCentauriPoints;
+        other.userID == userID;
   }
 
   @override
   int get hashCode {
     return Object.hash(
       displayName,
-      userCentauriPoints,
+      userID,
     );
   }
 }

lib/utils/user_avatar_color.dart

@@ -0,0 +1,46 @@
+import "package:flutter/material.dart";
+import "package:proxima/models/ui/linear_segmented_hsv_colormap.dart";
+import "package:proxima/services/database/challenge_repository_service.dart";
+
+/// Stops for the colormap used to color the user's avatar based on their centauri points.
+/// The stops are defined as the number of challenges completed.
+const _challengesStops = [
+  // sqrt(10) ~= 3, which is the approximate step between each stop
+  0,
+  10, // ~ 3 days of daily challenge
+  30,
+  100,
+  300, // ~ 3 months of daily challenge
+  1000,
+  3000, // ~ 3 years of daily challenge
+  10000,
+];
+
+/// Color used when the user's centauri points are null.
+const loadingUserAvatarColor = Colors.transparent;
+
+/// Converts some amount of [centauriPoints] to a color, based on a uniform
+/// [LinearSegmentedHSVColormap] (defined by _challengesStop). [brightness]
+/// defines the value and saturation of the colormap.
+/// If [centauriPoints] is null, the color is transparent.
+Color centauriToUserAvatarColor(int? centauriPoints, Brightness brightness) {
+  if (centauriPoints == null) return loadingUserAvatarColor;
+
+  final hsvValue = switch (brightness) {
+    Brightness.light => 0.9,
+    Brightness.dark => 0.5,
+  };
+  final hsvSaturation = switch (brightness) {
+    Brightness.light => 0.4,
+    Brightness.dark => 0.8,
+  };
+
+  const chalReward = ChallengeRepositoryService.soloChallengeReward;
+  final colorMap = LinearSegmentedHSVColormap.uniform(
+    _challengesStops.map((nChallenges) => nChallenges * chalReward).toList(),
+    value: hsvValue,
+    saturation: hsvSaturation,
+  );
+
+  return colorMap(centauriPoints).toColor();
+}

lib/viewmodels/challenge_view_model.dart

@@ -7,6 +7,7 @@ import "package:proxima/services/database/post_repository_service.dart";
 import "package:proxima/services/sensors/geolocation_service.dart";
 import "package:proxima/viewmodels/login_view_model.dart";
 import "package:proxima/viewmodels/map/map_pin_view_model.dart";
+import "package:proxima/viewmodels/user_centauri_points_view_model.dart";
 
 /// This viewmodel is used to fetch the list of challenges that are displayed in
 /// the challenge feed. It fetches the challenges from the database and sorts
@@ -98,6 +99,11 @@ class ChallengeViewModel
 
       // Refresh the map pins after challenge completion
       ref.read(mapPinViewModelProvider.notifier).refresh();
+
+      // Refresh the user centauri points after challenge completion
+      ref
+          .read(userCentauriPointsViewModelProvider(currentUser).notifier)
+          .refresh();
     }
 
     return pointsAwarded;

lib/viewmodels/dynamic_user_avatar_view_model.dart

@@ -1,12 +1,9 @@
 import "dart:async";
 
-import "package:flutter/material.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
 import "package:proxima/models/database/user/user_firestore.dart";
 import "package:proxima/models/database/user/user_id_firestore.dart";
-import "package:proxima/models/ui/linear_segmented_hsv_colormap.dart";
 import "package:proxima/models/ui/user_avatar_details.dart";
-import "package:proxima/services/database/challenge_repository_service.dart";
 import "package:proxima/services/database/user_repository_service.dart";
 import "package:proxima/viewmodels/login_view_model.dart";
 
@@ -17,65 +14,26 @@ class DynamicUserAvatarViewModel extends AutoDisposeFamilyAsyncNotifier<
     UserAvatarDetails, UserIdFirestore?> {
   DynamicUserAvatarViewModel();
 
-  /// Stops for the colormap used to color the user's avatar based on their centauri points.
-  /// The stops are defined as the number of challenges completed.
-  static const _challengesStops = [
-    // sqrt(10) ~= 3, which is the approximate step between each stop
-    0,
-    10, // ~ 3 days of daily challenge
-    30,
-    100,
-    300, // ~ 3 months of daily challenge
-    1000,
-    3000, // ~ 3 years of daily challenge
-    10000,
-  ];
-
-  /// Converts some amount of [centauriPoints] to a color, based on a uniform
-  /// [LinearSegmentedHSVColormap] (defined by _challengesStop). [brightness]
-  /// defines the value and saturation of the colormap.
-  /// If [centauriPoints] is null, the color is transparent.
-  static Color centauriToColor(int? centauriPoints, Brightness brightness) {
-    if (centauriPoints == null) return Colors.transparent;
-
-    final hsvValue = switch (brightness) {
-      Brightness.light => 0.9,
-      Brightness.dark => 0.5,
-    };
-    final hsvSaturation = switch (brightness) {
-      Brightness.light => 0.4,
-      Brightness.dark => 0.8,
-    };
-
-    const chalReward = ChallengeRepositoryService.soloChallengeReward;
-    final colorMap = LinearSegmentedHSVColormap.uniform(
-      _challengesStops.map((nChallenges) => nChallenges * chalReward).toList(),
-      value: hsvValue,
-      saturation: hsvSaturation,
-    );
-
-    return colorMap(centauriPoints).toColor();
-  }
-
   @override
   Future<UserAvatarDetails> build(UserIdFirestore? arg) async {
-    final userID = arg;
     final currentUID = ref.watch(loggedInUserIdProvider);
     final userDataBase = ref.watch(userRepositoryServiceProvider);
 
     late final UserFirestore user;
+    late final UserIdFirestore userID;
 
-    if (userID == null) {
+    if (arg == null) {
       if (currentUID == null) {
         throw Exception("User is not logged in.");
       }
-
-      user = await userDataBase.getUser(currentUID);
+      userID = currentUID;
     } else {
-      user = await userDataBase.getUser(userID);
+      userID = arg;
     }
 
-    return UserAvatarDetails.fromUserData(user.data);
+    user = await userDataBase.getUser(userID);
+
+    return UserAvatarDetails.fromUser(user);
   }
 }
 

lib/viewmodels/user_centauri_points_view_model.dart

@@ -0,0 +1,41 @@
+import "dart:async";
+
+import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:proxima/models/database/user/user_id_firestore.dart";
+import "package:proxima/services/database/user_repository_service.dart";
+
+/// A view model that provides the number of centauri points of a user
+/// given its user id. Allow a null [arg] (user id) to return null, which
+/// is useful for loading states.
+class UserCentauriPointsViewModel
+    extends FamilyAsyncNotifier<int?, UserIdFirestore?> {
+  UserCentauriPointsViewModel();
+
+  @override
+  Future<int?> build(UserIdFirestore? arg) async {
+    final userDataBase = ref.watch(userRepositoryServiceProvider);
+
+    if (arg == null) {
+      return null;
+    }
+    final userID = arg;
+
+    final user = await userDataBase.getUser(userID);
+    final userCentauri = user.data.centauriPoints;
+    return userCentauri;
+  }
+
+  /// Refresh the number of centauri points of the user.
+  Future<void> refresh() async {
+    state = await AsyncValue.guard(() => build(arg));
+  }
+
+  /// Refresh the number of centauri points of the user.
+  void refreshWithCentauriPointsNumber(int centauriPoints) =>
+      state = AsyncValue.data(centauriPoints);
+}
+
+final userCentauriPointsViewModelProvider = AsyncNotifierProvider.family<
+    UserCentauriPointsViewModel, int?, UserIdFirestore?>(
+  () => UserCentauriPointsViewModel(),
+);