Add pp and playtime to the UserRankPanel

osu.Game.Tests/Visual/Online/TestSceneUserPanel.cs

@@ -98,7 +98,7 @@ public void SetUp() => Schedule(() =>
                         CountryCode = CountryCode.JP,
                         CoverUrl = @"https://osu.ppy.sh/images/headers/profile-covers/c6.jpg",
                         Statistics = new UserStatistics { GlobalRank = 12345, CountryRank = 1234 }
-                    }) { Width = 300 },
+                    }) { Width = 360 },
                     new UserRankPanel(new APIUser
                     {
                         Username = @"peppy",
@@ -107,7 +107,7 @@ public void SetUp() => Schedule(() =>
                         CountryCode = CountryCode.AU,
                         CoverUrl = @"https://osu.ppy.sh/images/headers/profile-covers/c3.jpg",
                         Statistics = new UserStatistics { GlobalRank = null, CountryRank = null }
-                    }) { Width = 300 }
+                    }) { Width = 360 }
                 }
             };
 
@@ -165,8 +165,10 @@ public void TestUserStatisticsChange()
             {
                 API.UpdateStatistics(new UserStatistics
                 {
-                    GlobalRank = RNG.Next(100000),
-                    CountryRank = RNG.Next(100000)
+                    GlobalRank = RNG.Next(10_000_000),
+                    CountryRank = RNG.Next(10_000_000),
+                    PlayTime = RNG.Next(0, 100_000_000),
+                    PP = RNG.Next(0, 30000)
                 });
             });
             AddStep("set statistics to empty", () =>

osu.Game.Tests/Visual/Online/TestSceneUserProfileOverlay.cs

@@ -158,6 +158,7 @@ public void TestLogin()
                     Mode = @"osu",
                     Data = Enumerable.Range(2345, 45).Concat(Enumerable.Range(2109, 40)).ToArray()
                 },
+                PlayTime = 10_000_000
             },
             TournamentBanners = new[]
             {

osu.Game/Overlays/LoginOverlay.cs

@@ -45,7 +45,7 @@ private void load()
             {
                 new OsuContextMenuContainer
                 {
-                    Width = 360,
+                    Width = 400,
                     AutoSizeAxes = Axes.Y,
                     Children = new Drawable[]
                     {

osu.Game/Overlays/Profile/Header/Components/MainDetails.cs

@@ -25,6 +25,7 @@ public partial class MainDetails : CompositeDrawable
         private ProfileValueDisplay detailGlobalRank = null!;
         private ProfileValueDisplay detailCountryRank = null!;
         private RankGraph rankGraph = null!;
+        private TotalPlayTime timeInfo = null!;
 
         public readonly Bindable<UserProfileData?> User = new Bindable<UserProfileData?>();
 
@@ -97,10 +98,7 @@ private void load()
                                     {
                                         Title = "pp",
                                     },
-                                    new TotalPlayTime
-                                    {
-                                        User = { BindTarget = User }
-                                    },
+                                    timeInfo = new TotalPlayTime()
                                 }
                             },
                             new FillFlowContainer
@@ -153,6 +151,8 @@ private void updateDisplay(UserProfileData? data)
             detailCountryRank.Content = user?.Statistics?.CountryRank?.ToLocalisableString("\\##,##0") ?? (LocalisableString)"-";
 
             rankGraph.Statistics.Value = user?.Statistics;
+
+            timeInfo.UserStatistics.Value = user?.Statistics;
         }
 
         private partial class ScoreRankInfo : CompositeDrawable

osu.Game/Overlays/Profile/Header/Components/TotalPlayTime.cs

@@ -6,12 +6,13 @@
 using osu.Framework.Graphics;
 using osu.Framework.Graphics.Containers;
 using osu.Game.Resources.Localisation.Web;
+using osu.Game.Users;
 
 namespace osu.Game.Overlays.Profile.Header.Components
 {
     public partial class TotalPlayTime : CompositeDrawable
     {
-        public readonly Bindable<UserProfileData?> User = new Bindable<UserProfileData?>();
+        public readonly Bindable<UserStatistics?> UserStatistics = new Bindable<UserStatistics?>();
 
         private ProfileValueDisplay info = null!;
 
@@ -29,12 +30,12 @@ private void load()
                 ContentTooltipText = "0 hours",
             };
 
-            User.BindValueChanged(updateTime, true);
+            UserStatistics.BindValueChanged(updateTime, true);
         }
 
-        private void updateTime(ValueChangedEvent<UserProfileData?> user)
+        private void updateTime(ValueChangedEvent<UserStatistics?> statistics)
         {
-            int? playTime = user.NewValue?.User.Statistics?.PlayTime;
+            int? playTime = statistics.NewValue?.PlayTime;
             info.ContentTooltipText = (playTime ?? 0) / 3600 + " hours";
             info.Content = formatTime(playTime);
         }

osu.Game/Users/UserRankPanel.cs

@@ -29,6 +29,7 @@ public partial class UserRankPanel : UserPanel
 
         private ProfileValueDisplay globalRankDisplay = null!;
         private ProfileValueDisplay countryRankDisplay = null!;
+        private ProfileValueDisplay ppDisplay = null!;
 
         private readonly IBindable<UserStatistics?> statistics = new Bindable<UserStatistics?>();
 
@@ -49,6 +50,7 @@ private void load()
             {
                 globalRankDisplay.Content = stats.NewValue?.GlobalRank?.ToLocalisableString("\\##,##0") ?? "-";
                 countryRankDisplay.Content = stats.NewValue?.CountryRank?.ToLocalisableString("\\##,##0") ?? "-";
+                ppDisplay.Content = stats.NewValue?.PP?.ToLocalisableString("#,##0") ?? "0";
             }, true);
         }
 
@@ -152,27 +154,39 @@ protected override Drawable CreateLayout()
                         Margin = new MarginPadding { Top = main_content_height },
                         RelativeSizeAxes = Axes.X,
                         AutoSizeAxes = Axes.Y,
-                        Padding = new MarginPadding { Left = 80, Vertical = padding },
+                        Padding = new MarginPadding { Left = 80, Right = padding, Vertical = padding },
                         ColumnDimensions = new[]
                         {
                             new Dimension(),
                             new Dimension()
                         },
-                        RowDimensions = new[] { new Dimension(GridSizeMode.AutoSize) },
+                        RowDimensions = new[] { new Dimension(GridSizeMode.AutoSize), new Dimension(GridSizeMode.AutoSize) },
                         Content = new[]
                         {
                             new Drawable[]
                             {
                                 globalRankDisplay = new ProfileValueDisplay(true)
                                 {
                                     Title = UsersStrings.ShowRankGlobalSimple,
+                                    Margin = new MarginPadding { Bottom = padding }
                                     // TODO: implement highest rank tooltip
                                     // `RankHighest` resides in `APIUser`, but `api.LocalUser` doesn't update
                                     // maybe move to `UserStatistics` in api, so `SoloStatisticsWatcher` can update the value
                                 },
                                 countryRankDisplay = new ProfileValueDisplay(true)
                                 {
-                                    Title = UsersStrings.ShowRankCountrySimple,
+                                    Title = UsersStrings.ShowRankCountrySimple
+                                }
+                            },
+                            new Drawable[]
+                            {
+                                ppDisplay = new ProfileValueDisplay
+                                {
+                                    Title = "pp"
+                                },
+                                new TotalPlayTime
+                                {
+                                    UserStatistics = { BindTarget = statistics }
                                 }
                             }
                         }