feat: add win rate color and change stats with dropdown

tusharlock10 · Apr 16, 2024 · 1e70a0f · 1e70a0f
1 parent 2c78f8a
commit 1e70a0f
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 7 deletions.
diff --git a/lib/constants/constants.dart b/lib/constants/constants.dart
@@ -87,3 +87,6 @@ const themeNames = {
 const baseUrl = "https://api.paladinsedge.app";
 const githubLink = "https://github.com/tusharlock10/paladins-edge-client";
 const sponsorLink = "https://github.com/sponsors/tusharlock10";
+
+// The number of matches after which win rate will start showing on the timed stats widget
+const timedStatsWinRateThreshold = 25;
diff --git a/lib/data_classes/players/player_timed_stats.dart b/lib/data_classes/players/player_timed_stats.dart
@@ -1,3 +1,4 @@
+import "package:flutter/material.dart";
 import "package:freezed_annotation/freezed_annotation.dart";
 import "package:paladinsedge/models/index.dart" show Ranked, MatchPlayerStats;
 import "package:paladinsedge/utilities/index.dart" as utilities;
@@ -44,9 +45,18 @@ class PlayerTimedStats with _$PlayerTimedStats {
   }) = _PlayerTimedStats;
 
   int get totalMatches => wins + losses;
+
+  num get winRate => wins * 100 / totalMatches;
+  String get winRateFormatted => winRate.toStringAsPrecision(3);
+  MaterialColor get winRateColor => utilities.getWinRateColor(winRate);
+
   num get damagePerMinute => utilities.safeDivide(
-      totalStats.totalDamageDealt, totalMatchesDuration.inMinutes);
+        totalStats.totalDamageDealt,
+        totalMatchesDuration.inMinutes,
+      );
   num get healingPerMinute => utilities.safeDivide(
-      totalStats.healingDone, totalMatchesDuration.inMinutes);
+        totalStats.healingDone,
+        totalMatchesDuration.inMinutes,
+      );
   MatchPlayerStats get averageStats => totalStats / totalMatches;
 }
diff --git a/lib/providers/players.dart b/lib/providers/players.dart
@@ -209,9 +209,18 @@ class _PlayersNotifier extends ChangeNotifier {
     notifyListeners();
   }
 
-  /// Set the timedStatsType
+  /// Set the timedStatsType and recalculate the timedStats
   void setTimedStatsType(data_classes.TimedStatsType? value) {
     timedStatsType = value ?? data_classes.TimedStatsType.days1;
+
+    if (combinedMatches != null) {
+      timedStats = utilities.getPlayerTimedStats(
+        combinedMatches!,
+        timedStatsType,
+        playerId,
+      );
+    }
+
     notifyListeners();
   }
 

diff --git a/lib/screens/home/home_player_timed_stats.dart b/lib/screens/home/home_player_timed_stats.dart
@@ -2,6 +2,7 @@ import "package:dartx/dartx.dart";
 import "package:flutter/material.dart";
 import "package:flutter_hooks/flutter_hooks.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:paladinsedge/constants/index.dart" as constants;
 import "package:paladinsedge/data_classes/index.dart" as data_classes;
 import "package:paladinsedge/providers/index.dart" as providers;
 import "package:paladinsedge/utilities/index.dart" as utilities;
@@ -93,10 +94,14 @@ class HomePlayerTimedStats extends HookConsumerWidget {
                         padding: const EdgeInsets.symmetric(horizontal: 10),
                         children: utilities.insertBetween(
                           [
-                            widgets.PlayerStatsCard(
-                              title: "Matches",
-                              stat: timedStats.totalMatches,
-                            ),
+                            if (timedStats.totalMatches >
+                                constants.timedStatsWinRateThreshold)
+                              widgets.PlayerStatsCard(
+                                title: "Win Rate",
+                                stat: 0,
+                                statString: "${timedStats.winRateFormatted}%",
+                                color: timedStats.winRateColor,
+                              ),
                             widgets.PlayerStatsCard(
                               title: "Win - Loss",
                               stat: 0,