Add a description, as well as buttons

Author: marticliment

src/UniGetUI/Controls/PackageRanking.xaml

@@ -47,18 +47,35 @@
                 <ColumnDefinition Width="1000*" MaxWidth="350"/>
                 <ColumnDefinition Width="*"/>
             </Grid.ColumnDefinitions>
-            <StackPanel Orientation="Vertical" Grid.Column="1">
-                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="Popular packages" FontWeight="Bold" FontSize="20" MinHeight="40"/>
+            <StackPanel Orientation="Vertical" Grid.Column="1" Spacing="8">
+                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="Popular packages" FontWeight="Bold" FontSize="20" MinHeight="32"/>
+                <RichTextBlock Name="PopularDescription" TextAlignment="Center">
+                    <Paragraph/>
+                </RichTextBlock>
                 <ItemsRepeater ItemTemplate="{StaticResource PackageRankingEntry}" ItemsSource="{x:Bind PopularRank}"/>
+                <HyperlinkButton HorizontalAlignment="Stretch">
+                    <widgets:TranslatedTextBlock Text="View more packages"/>
+                </HyperlinkButton>
             </StackPanel>
-            <StackPanel Orientation="Vertical" Grid.Column="2">
-                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="The most installed" FontWeight="Bold" FontSize="20" MinHeight="40"/>
+            <StackPanel Orientation="Vertical" Grid.Column="2" Spacing="8">
+                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="The most installed" FontWeight="Bold" FontSize="20" MinHeight="32"/>
+                <RichTextBlock Name="InstalledDescription" TextAlignment="Center">
+                    <Paragraph/>
+                </RichTextBlock>
                 <ItemsRepeater ItemTemplate="{StaticResource PackageRankingEntry}" ItemsSource="{x:Bind InstalledRank}"/>
-
+                <HyperlinkButton HorizontalAlignment="Stretch" >
+                    <widgets:TranslatedTextBlock Text="View more packages"/>
+                </HyperlinkButton>
             </StackPanel>
-            <StackPanel Orientation="Vertical" Grid.Column="3">
-                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="The most uninstalled" FontWeight="Bold" FontSize="20" MinHeight="40"/>
+            <StackPanel Orientation="Vertical" Grid.Column="3" Spacing="8">
+                <widgets:TranslatedTextBlock HorizontalAlignment="Center" Text="The wall of shame" FontWeight="Bold" FontSize="20" MinHeight="32"/>
+                <RichTextBlock Name="UninstalledDescription" TextAlignment="Center">
+                    <Paragraph/>
+                </RichTextBlock>
                 <ItemsRepeater ItemTemplate="{StaticResource PackageRankingEntry}" ItemsSource="{x:Bind WallOfShame}"/>
+                <HyperlinkButton HorizontalAlignment="Stretch" >
+                    <widgets:TranslatedTextBlock Text="View more packages"/>
+                </HyperlinkButton>
             </StackPanel>
             <Button VerticalAlignment="Top" HorizontalAlignment="Right" Grid.Column="4" Name="ReloadButton" Click="ReloadButton_Click">Reload</Button>
             <ProgressRing IsIndeterminate="True" Visibility="Collapsed" Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="5" Width="100" Height="100" Name="ReloadRing"/>

src/UniGetUI/Controls/PackageRanking.xaml.cs

@@ -29,6 +29,7 @@
 using UniGetUI.Pages.DialogPages;
 using UniGetUI.Interface.Telemetry;
 using UniGetUI.PackageEngine.Enums;
+using Microsoft.UI.Xaml.Documents;
 
 // To learn more about WinUI, the WinUI project structure,
 // and more about our project templates, see: http://aka.ms/winui-project-info.
@@ -44,6 +45,21 @@ public sealed partial class PackagesRanking : UserControl
         public PackagesRanking()
         {
             this.InitializeComponent();
+
+            (PopularDescription.Blocks[0] as Paragraph)?.Inlines.Add(new Run { Text = CoreTools.Translate("The most popular packages among UniGetUI users.") + " " });
+            var link = new Hyperlink { NavigateUri = new Uri("about:blank") };
+            link.Inlines.Add(new Run() { Text = CoreTools.Translate("More info") });
+            (PopularDescription.Blocks[0] as Paragraph)?.Inlines.Add(link);
+
+            (InstalledDescription.Blocks[0] as Paragraph)?.Inlines.Add(new Run { Text = CoreTools.Translate("Packages installed the most through UniGetUI.") + " " });
+            link = new Hyperlink { NavigateUri = new Uri("about:blank") };
+            link.Inlines.Add(new Run() { Text = CoreTools.Translate("More info") });
+            (InstalledDescription.Blocks[0] as Paragraph)?.Inlines.Add(link);
+
+            (UninstalledDescription.Blocks[0] as Paragraph)?.Inlines.Add(new Run { Text = CoreTools.Translate("Packages that have been uninstalled the most times through UniGetUI.") + " " });
+            link = new Hyperlink { NavigateUri = new Uri("about:blank") };
+            link.Inlines.Add(new Run() { Text = CoreTools.Translate("More info") });
+            (UninstalledDescription.Blocks[0] as Paragraph)?.Inlines.Add(link);
         }
 
         public void ReloadButton_Click(object sender, RoutedEventArgs e)