From 36b4a45f3a738ecfbdc5bcda9078e132e1fdc4d8 Mon Sep 17 00:00:00 2001
From: Oleksii Holub <1935960+Tyrrrz@users.noreply.github.com>
Date: Wed, 16 Feb 2022 14:30:26 +0200
Subject: [PATCH] Update Gress

---
 .../Commands/Base/ExportCommandBase.cs        |  10 +-
 .../DiscordChatExporter.Cli.csproj            |   2 +-
 .../Discord/DiscordClient.cs                  |  20 ++-
 .../DiscordChatExporter.Core.csproj           |   1 +
 .../Exporting/ChannelExporter.cs              |   3 +-
 .../DiscordChatExporter.Gui.csproj            |   2 +-
 .../ViewModels/RootViewModel.cs               |  50 ++++---
 DiscordChatExporter.Gui/Views/RootView.xaml   | 126 +++++++++---------
 8 files changed, 117 insertions(+), 97 deletions(-)

diff --git a/DiscordChatExporter.Cli/Commands/Base/ExportCommandBase.cs b/DiscordChatExporter.Cli/Commands/Base/ExportCommandBase.cs
index 07e70fa6..b1e090cc 100644
--- a/DiscordChatExporter.Cli/Commands/Base/ExportCommandBase.cs
+++ b/DiscordChatExporter.Cli/Commands/Base/ExportCommandBase.cs
@@ -14,6 +14,7 @@ using DiscordChatExporter.Core.Exceptions;
 using DiscordChatExporter.Core.Exporting;
 using DiscordChatExporter.Core.Exporting.Filtering;
 using DiscordChatExporter.Core.Exporting.Partitioning;
+using Gress;
 
 namespace DiscordChatExporter.Cli.Commands.Base;
 
@@ -78,8 +79,7 @@ public abstract class ExportCommandBase : TokenCommandBase
                 {
                     try
                     {
-                        await progressContext.StartTaskAsync(
-                            $"{channel.Category.Name} / {channel.Name}",
+                        await progressContext.StartTaskAsync($"{channel.Category.Name} / {channel.Name}",
                             async progress =>
                             {
                                 var guild = await Discord.GetGuildAsync(channel.GuildId, innerCancellationToken);
@@ -98,7 +98,11 @@ public abstract class ExportCommandBase : TokenCommandBase
                                     DateFormat
                                 );
 
-                                await Exporter.ExportChannelAsync(request, progress, innerCancellationToken);
+                                await Exporter.ExportChannelAsync(
+                                    request,
+                                    progress.ToPercentageBased(),
+                                    innerCancellationToken
+                                );
                             }
                         );
                     }
diff --git a/DiscordChatExporter.Cli/DiscordChatExporter.Cli.csproj b/DiscordChatExporter.Cli/DiscordChatExporter.Cli.csproj
index 0a328a61..5d1e173b 100644
--- a/DiscordChatExporter.Cli/DiscordChatExporter.Cli.csproj
+++ b/DiscordChatExporter.Cli/DiscordChatExporter.Cli.csproj
@@ -8,7 +8,7 @@
   <ItemGroup>
     <PackageReference Include="CliFx" Version="2.2.1" />
     <PackageReference Include="Spectre.Console" Version="0.43.0" />
-    <PackageReference Include="Gress" Version="1.2.0" />
+    <PackageReference Include="Gress" Version="2.0.1" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/DiscordChatExporter.Core/Discord/DiscordClient.cs b/DiscordChatExporter.Core/Discord/DiscordClient.cs
index 10c98693..9115b6c6 100644
--- a/DiscordChatExporter.Core/Discord/DiscordClient.cs
+++ b/DiscordChatExporter.Core/Discord/DiscordClient.cs
@@ -12,6 +12,7 @@ using DiscordChatExporter.Core.Discord.Data;
 using DiscordChatExporter.Core.Exceptions;
 using DiscordChatExporter.Core.Utils;
 using DiscordChatExporter.Core.Utils.Extensions;
+using Gress;
 using JsonExtensions.Http;
 using JsonExtensions.Reading;
 
@@ -273,7 +274,7 @@ public class DiscordClient
         Snowflake channelId,
         Snowflake? after = null,
         Snowflake? before = null,
-        IProgress<double>? progress = null,
+        IProgress<Percentage>? progress = null,
         [EnumeratorCancellation] CancellationToken cancellationToken = default)
     {
         // Get the last message in the specified range.
@@ -322,16 +323,13 @@ public class DiscordClient
                     var exportedDuration = (message.Timestamp - firstMessage.Timestamp).Duration();
                     var totalDuration = (lastMessage.Timestamp - firstMessage.Timestamp).Duration();
 
-                    if (totalDuration > TimeSpan.Zero)
-                    {
-                        progress.Report(exportedDuration / totalDuration);
-                    }
-                    // Avoid division by zero if all messages have the exact same timestamp
-                    // (which may be the case if there's only one message in the channel)
-                    else
-                    {
-                        progress.Report(1);
-                    }
+                    progress.Report(Percentage.FromFraction(
+                        // Avoid division by zero if all messages have the exact same timestamp
+                        // (which may be the case if there's only one message in the channel)
+                        totalDuration > TimeSpan.Zero
+                            ? exportedDuration / totalDuration
+                            : 1
+                    ));
                 }
 
                 yield return message;
diff --git a/DiscordChatExporter.Core/DiscordChatExporter.Core.csproj b/DiscordChatExporter.Core/DiscordChatExporter.Core.csproj
index 0757c987..d07394f9 100644
--- a/DiscordChatExporter.Core/DiscordChatExporter.Core.csproj
+++ b/DiscordChatExporter.Core/DiscordChatExporter.Core.csproj
@@ -5,6 +5,7 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Gress" Version="2.0.1" />
     <PackageReference Include="JsonExtensions" Version="1.2.0" />
     <PackageReference Include="MiniRazor.CodeGen" Version="2.2.0" />
     <PackageReference Include="Polly" Version="7.2.3" />
diff --git a/DiscordChatExporter.Core/Exporting/ChannelExporter.cs b/DiscordChatExporter.Core/Exporting/ChannelExporter.cs
index e6dcb7df..5d40ee37 100644
--- a/DiscordChatExporter.Core/Exporting/ChannelExporter.cs
+++ b/DiscordChatExporter.Core/Exporting/ChannelExporter.cs
@@ -8,6 +8,7 @@ using DiscordChatExporter.Core.Discord.Data;
 using DiscordChatExporter.Core.Discord.Data.Common;
 using DiscordChatExporter.Core.Exceptions;
 using DiscordChatExporter.Core.Utils.Extensions;
+using Gress;
 
 namespace DiscordChatExporter.Core.Exporting;
 
@@ -19,7 +20,7 @@ public class ChannelExporter
 
     public async ValueTask ExportChannelAsync(
         ExportRequest request,
-        IProgress<double>? progress = null,
+        IProgress<Percentage>? progress = null,
         CancellationToken cancellationToken = default)
     {
         // Build context
diff --git a/DiscordChatExporter.Gui/DiscordChatExporter.Gui.csproj b/DiscordChatExporter.Gui/DiscordChatExporter.Gui.csproj
index 42074a0e..2bf4d0c0 100644
--- a/DiscordChatExporter.Gui/DiscordChatExporter.Gui.csproj
+++ b/DiscordChatExporter.Gui/DiscordChatExporter.Gui.csproj
@@ -13,7 +13,7 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Gress" Version="1.2.0" />
+    <PackageReference Include="Gress" Version="2.0.1" />
     <PackageReference Include="MaterialDesignColors" Version="2.0.4" />
     <PackageReference Include="MaterialDesignThemes" Version="4.3.0" />
     <PackageReference Include="Microsoft.Xaml.Behaviors.Wpf" Version="1.1.39" />
diff --git a/DiscordChatExporter.Gui/ViewModels/RootViewModel.cs b/DiscordChatExporter.Gui/ViewModels/RootViewModel.cs
index c9cc78a3..b3a5709c 100644
--- a/DiscordChatExporter.Gui/ViewModels/RootViewModel.cs
+++ b/DiscordChatExporter.Gui/ViewModels/RootViewModel.cs
@@ -13,6 +13,7 @@ using DiscordChatExporter.Gui.Utils;
 using DiscordChatExporter.Gui.ViewModels.Dialogs;
 using DiscordChatExporter.Gui.ViewModels.Framework;
 using Gress;
+using Gress.Completable;
 using MaterialDesignThemes.Wpf;
 using Stylet;
 
@@ -25,11 +26,13 @@ public class RootViewModel : Screen
     private readonly SettingsService _settingsService;
     private readonly UpdateService _updateService;
 
+    private readonly AutoResetProgressMuxer _progressMuxer;
+
     private DiscordClient? _discord;
 
-    public ISnackbarMessageQueue Notifications { get; } = new SnackbarMessageQueue(TimeSpan.FromSeconds(5));
+    public SnackbarMessageQueue Notifications { get; } = new(TimeSpan.FromSeconds(5));
 
-    public IProgressManager ProgressManager { get; } = new ProgressManager();
+    public ProgressContainer<Percentage> Progress { get; } = new();
 
     public bool IsBusy { get; private set; }
 
@@ -62,17 +65,14 @@ public class RootViewModel : Screen
 
         DisplayName = $"{App.Name} v{App.VersionString}";
 
-        // Update busy state when progress manager changes
-        ProgressManager.Bind(o => o.IsActive, (_, _) =>
-            IsBusy = ProgressManager.IsActive
+        _progressMuxer = Progress.CreateMuxer().WithAutoReset();
+
+        this.Bind(o => o.IsBusy, (_, _) =>
+            IsProgressIndeterminate = IsBusy && Progress.Current.Fraction is <= 0 or >= 1
         );
 
-        ProgressManager.Bind(o => o.IsActive, (_, _) =>
-            IsProgressIndeterminate = ProgressManager.IsActive && ProgressManager.Progress is <= 0 or >= 1
-        );
-
-        ProgressManager.Bind(o => o.Progress, (_, _) =>
-            IsProgressIndeterminate = ProgressManager.IsActive && ProgressManager.Progress is <= 0 or >= 1
+        Progress.Bind(o => o.Current, (_, _) =>
+            IsProgressIndeterminate = IsBusy && Progress.Current.Fraction is <= 0 or >= 1
         );
     }
 
@@ -147,7 +147,8 @@ public class RootViewModel : Screen
 
     public async void PopulateGuildsAndChannels()
     {
-        using var operation = ProgressManager.CreateOperation();
+        IsBusy = true;
+        var progress = _progressMuxer.CreateInput();
 
         try
         {
@@ -183,6 +184,11 @@ public class RootViewModel : Screen
 
             await _dialogManager.ShowDialogAsync(dialog);
         }
+        finally
+        {
+            progress.ReportCompletion();
+            IsBusy = false;
+        }
     }
 
     public bool CanExportChannels =>
@@ -194,6 +200,8 @@ public class RootViewModel : Screen
 
     public async void ExportChannels()
     {
+        IsBusy = true;
+
         try
         {
             if (_discord is null || SelectedGuild is null || SelectedChannels is null || !SelectedChannels.Any())
@@ -205,18 +213,22 @@ public class RootViewModel : Screen
 
             var exporter = new ChannelExporter(_discord);
 
-            var operations = ProgressManager.CreateOperations(dialog.Channels!.Count);
+            var progresses = Enumerable
+                .Range(0, dialog.Channels!.Count)
+                .Select(_ => _progressMuxer.CreateInput())
+                .ToArray();
+
             var successfulExportCount = 0;
 
             await Parallel.ForEachAsync(
-                dialog.Channels.Zip(operations),
+                dialog.Channels.Zip(progresses),
                 new ParallelOptions
                 {
                     MaxDegreeOfParallelism = Math.Max(1, _settingsService.ParallelLimit)
                 },
                 async (tuple, cancellationToken) =>
                 {
-                    var (channel, operation) = tuple;
+                    var (channel, progress) = tuple;
 
                     try
                     {
@@ -234,7 +246,7 @@ public class RootViewModel : Screen
                             _settingsService.DateFormat
                         );
 
-                        await exporter.ExportChannelAsync(request, operation, cancellationToken);
+                        await exporter.ExportChannelAsync(request, progress, cancellationToken);
 
                         Interlocked.Increment(ref successfulExportCount);
                     }
@@ -244,7 +256,7 @@ public class RootViewModel : Screen
                     }
                     finally
                     {
-                        operation.Dispose();
+                        progress.ReportCompletion();
                     }
                 }
             );
@@ -262,5 +274,9 @@ public class RootViewModel : Screen
 
             await _dialogManager.ShowDialogAsync(dialog);
         }
+        finally
+        {
+            IsBusy = false;
+        }
     }
 }
\ No newline at end of file
diff --git a/DiscordChatExporter.Gui/Views/RootView.xaml b/DiscordChatExporter.Gui/Views/RootView.xaml
index 034c4f4f..ed593420 100644
--- a/DiscordChatExporter.Gui/Views/RootView.xaml
+++ b/DiscordChatExporter.Gui/Views/RootView.xaml
@@ -1,7 +1,16 @@
 <Window
+    Background="{DynamicResource MaterialDesignPaper}"
+    FocusManager.FocusedElement="{Binding ElementName=TokenValueTextBox}"
+    Height="550"
+    Icon="/DiscordChatExporter;component/favicon.ico"
+    MinWidth="325"
+    Style="{DynamicResource MaterialDesignRoot}"
+    Width="600"
+    WindowStartupLocation="CenterScreen"
+    d:DataContext="{d:DesignInstance Type=viewModels:RootViewModel}"
+    mc:Ignorable="d"
     x:Class="DiscordChatExporter.Gui.Views.RootView"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:behaviors="clr-namespace:DiscordChatExporter.Gui.Behaviors"
     xmlns:componentModel="clr-namespace:System.ComponentModel;assembly=WindowsBase"
     xmlns:converters="clr-namespace:DiscordChatExporter.Gui.Converters"
@@ -11,21 +20,12 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:s="https://github.com/canton7/Stylet"
     xmlns:viewModels="clr-namespace:DiscordChatExporter.Gui.ViewModels"
-    Width="600"
-    Height="550"
-    MinWidth="325"
-    d:DataContext="{d:DesignInstance Type=viewModels:RootViewModel}"
-    Background="{DynamicResource MaterialDesignPaper}"
-    FocusManager.FocusedElement="{Binding ElementName=TokenValueTextBox}"
-    Icon="/DiscordChatExporter;component/favicon.ico"
-    Style="{DynamicResource MaterialDesignRoot}"
-    WindowStartupLocation="CenterScreen"
-    mc:Ignorable="d">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <Window.TaskbarItemInfo>
-        <TaskbarItemInfo ProgressState="Normal" ProgressValue="{Binding ProgressManager.Progress}" />
+        <TaskbarItemInfo ProgressState="Normal" ProgressValue="{Binding Progress.Current.Fraction}" />
     </Window.TaskbarItemInfo>
     <Window.Resources>
-        <CollectionViewSource x:Key="AvailableChannelsViewSource" Source="{Binding AvailableChannels, Mode=OneWay}">
+        <CollectionViewSource Source="{Binding AvailableChannels, Mode=OneWay}" x:Key="AvailableChannelsViewSource">
             <CollectionViewSource.GroupDescriptions>
                 <PropertyGroupDescription PropertyName="Category.Name" />
             </CollectionViewSource.GroupDescriptions>
@@ -46,7 +46,7 @@
             </Grid.RowDefinitions>
 
             <!--  Toolbar  -->
-            <Grid Grid.Row="0" Background="{DynamicResource MaterialDesignDarkBackground}">
+            <Grid Background="{DynamicResource MaterialDesignDarkBackground}" Grid.Row="0">
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="*" />
                     <ColumnDefinition Width="Auto" />
@@ -54,8 +54,8 @@
 
                 <!--  Token and pull data button  -->
                 <materialDesign:Card
-                    Grid.Row="0"
                     Grid.Column="0"
+                    Grid.Row="0"
                     Margin="12,12,0,12">
                     <Grid>
                         <Grid.ColumnDefinitions>
@@ -66,74 +66,74 @@
 
                         <!--  Token icon  -->
                         <materialDesign:PackIcon
+                            Foreground="{DynamicResource PrimaryHueMidBrush}"
                             Grid.Column="0"
-                            Width="24"
                             Height="24"
+                            Kind="Password"
                             Margin="8"
                             VerticalAlignment="Center"
-                            Foreground="{DynamicResource PrimaryHueMidBrush}"
-                            Kind="Password" />
+                            Width="24" />
 
                         <!--  Token value  -->
                         <TextBox
-                            x:Name="TokenValueTextBox"
+                            BorderThickness="0"
+                            FontSize="16"
                             Grid.Column="1"
                             Margin="0,6,6,8"
+                            Text="{Binding Token, UpdateSourceTrigger=PropertyChanged}"
                             VerticalAlignment="Bottom"
                             materialDesign:HintAssist.Hint="Token"
                             materialDesign:TextFieldAssist.DecorationVisibility="Hidden"
                             materialDesign:TextFieldAssist.TextBoxViewMargin="0,0,2,0"
-                            BorderThickness="0"
-                            FontSize="16"
-                            Text="{Binding Token, UpdateSourceTrigger=PropertyChanged}" />
+                            x:Name="TokenValueTextBox" />
 
                         <!--  Pull data button  -->
                         <Button
+                            Command="{s:Action PopulateGuildsAndChannels}"
                             Grid.Column="2"
+                            IsDefault="True"
                             Margin="0,6,6,6"
                             Padding="4"
-                            Command="{s:Action PopulateGuildsAndChannels}"
-                            IsDefault="True"
                             Style="{DynamicResource MaterialDesignFlatButton}"
                             ToolTip="Pull available guilds and channels (Enter)">
                             <materialDesign:PackIcon
-                                Width="24"
                                 Height="24"
-                                Kind="ArrowRight" />
+                                Kind="ArrowRight"
+                                Width="24" />
                         </Button>
                     </Grid>
                 </materialDesign:Card>
 
                 <!--  Settings button  -->
                 <Button
+                    Command="{s:Action ShowSettings}"
+                    Foreground="{DynamicResource MaterialDesignDarkForeground}"
                     Grid.Column="1"
                     Margin="6"
                     Padding="4"
-                    Command="{s:Action ShowSettings}"
-                    Foreground="{DynamicResource MaterialDesignDarkForeground}"
                     Style="{DynamicResource MaterialDesignFlatButton}"
                     ToolTip="Settings">
                     <Button.Resources>
-                        <SolidColorBrush x:Key="MaterialDesignFlatButtonClick" Color="#4C4C4C" />
+                        <SolidColorBrush Color="#4C4C4C" x:Key="MaterialDesignFlatButtonClick" />
                     </Button.Resources>
                     <materialDesign:PackIcon
-                        Width="24"
                         Height="24"
-                        Kind="Settings" />
+                        Kind="Settings"
+                        Width="24" />
                 </Button>
             </Grid>
 
             <!--  Progress bar  -->
             <ProgressBar
-                Grid.Row="1"
                 Background="{DynamicResource MaterialDesignDarkBackground}"
+                Grid.Row="1"
                 IsIndeterminate="{Binding IsProgressIndeterminate}"
-                Value="{Binding ProgressManager.Progress, Mode=OneWay}" />
+                Value="{Binding Progress.Current.Fraction, Mode=OneWay}" />
 
             <!--  Content  -->
             <Grid
-                Grid.Row="2"
                 Background="{DynamicResource MaterialDesignCardBackground}"
+                Grid.Row="2"
                 IsEnabled="{Binding IsBusy, Converter={x:Static converters:InverseBoolConverter.Instance}}">
                 <Grid.Resources>
                     <Style TargetType="TextBlock">
@@ -143,7 +143,7 @@
                 <!--  Placeholder / usage instructions  -->
                 <Grid Visibility="{Binding AvailableGuilds, Converter={x:Static s:BoolToVisibilityConverter.InverseInstance}}">
                     <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
-                        <TextBlock Margin="32,16" FontSize="14">
+                        <TextBlock FontSize="14" Margin="32,16">
                             <Run FontSize="18" Text="Please provide authentication token to continue" />
                             <LineBreak />
                             <LineBreak />
@@ -151,9 +151,9 @@
                             <!--  User token  -->
                             <InlineUIContainer>
                                 <materialDesign:PackIcon
-                                    Margin="1,0,0,-2"
                                     Foreground="{DynamicResource PrimaryHueMidBrush}"
-                                    Kind="Account" />
+                                    Kind="Account"
+                                    Margin="1,0,0,-2" />
                             </InlineUIContainer>
                             <Run FontSize="16" Text="Authenticate using your personal account" />
                             <LineBreak />
@@ -199,9 +199,9 @@
                             <!--  Bot token  -->
                             <InlineUIContainer>
                                 <materialDesign:PackIcon
-                                    Margin="1,0,0,-2"
                                     Foreground="{DynamicResource PrimaryHueMidBrush}"
-                                    Kind="Robot" />
+                                    Kind="Robot"
+                                    Margin="1,0,0,-2" />
                             </InlineUIContainer>
                             <Run FontSize="16" Text="Authenticate as a bot" />
                             <LineBreak />
@@ -235,9 +235,9 @@
 
                     <!--  Guilds  -->
                     <Border
-                        Grid.Column="0"
                         BorderBrush="{DynamicResource MaterialDesignDivider}"
-                        BorderThickness="0,0,1,0">
+                        BorderThickness="0,0,1,0"
+                        Grid.Column="0">
                         <ListBox
                             ItemsSource="{Binding AvailableGuilds}"
                             ScrollViewer.VerticalScrollBarVisibility="Hidden"
@@ -246,24 +246,24 @@
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
                                     <Grid
-                                        Margin="-8"
                                         Background="Transparent"
                                         Cursor="Hand"
+                                        Margin="-8"
                                         ToolTip="{Binding Name}">
                                         <!--  Guild icon placeholder  -->
                                         <Ellipse
-                                            Width="48"
+                                            Fill="{DynamicResource MaterialDesignDivider}"
                                             Height="48"
                                             Margin="12,4,12,4"
-                                            Fill="{DynamicResource MaterialDesignDivider}" />
+                                            Width="48" />
 
                                         <!--  Guild icon  -->
                                         <Ellipse
-                                            Width="48"
                                             Height="48"
                                             Margin="12,4,12,4"
                                             Stroke="{DynamicResource MaterialDesignDivider}"
-                                            StrokeThickness="1">
+                                            StrokeThickness="1"
+                                            Width="48">
                                             <Ellipse.Fill>
                                                 <ImageBrush ImageSource="{Binding IconUrl}" />
                                             </Ellipse.Fill>
@@ -293,13 +293,13 @@
                                                 <Setter.Value>
                                                     <ControlTemplate d:DataContext="{x:Type CollectionViewGroup}">
                                                         <Expander
-                                                            Margin="0"
-                                                            Padding="0"
                                                             Background="Transparent"
                                                             BorderBrush="{DynamicResource MaterialDesignDivider}"
                                                             BorderThickness="0,0,0,1"
                                                             Header="{Binding Name}"
-                                                            IsExpanded="False">
+                                                            IsExpanded="False"
+                                                            Margin="0"
+                                                            Padding="0">
                                                             <ItemsPresenter />
                                                         </Expander>
                                                     </ControlTemplate>
@@ -311,7 +311,7 @@
                             </ListBox.GroupStyle>
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
-                                    <Grid Margin="-8" Background="Transparent">
+                                    <Grid Background="Transparent" Margin="-8">
                                         <Grid.InputBindings>
                                             <MouseBinding Command="{s:Action ExportChannels}" MouseAction="LeftDoubleClick" />
                                         </Grid.InputBindings>
@@ -324,27 +324,27 @@
                                         <!--  Channel icon  -->
                                         <materialDesign:PackIcon
                                             Grid.Column="0"
+                                            Kind="Pound"
                                             Margin="16,7,0,6"
-                                            VerticalAlignment="Center"
-                                            Kind="Pound" />
+                                            VerticalAlignment="Center" />
 
                                         <!--  Channel name  -->
                                         <TextBlock
+                                            FontSize="14"
                                             Grid.Column="1"
                                             Margin="3,8,8,8"
-                                            VerticalAlignment="Center"
-                                            FontSize="14"
-                                            Text="{Binding Name, Mode=OneWay}" />
+                                            Text="{Binding Name, Mode=OneWay}"
+                                            VerticalAlignment="Center" />
 
                                         <!--  Is selected checkmark  -->
                                         <materialDesign:PackIcon
                                             Grid.Column="2"
-                                            Width="24"
                                             Height="24"
+                                            Kind="Check"
                                             Margin="8,0"
                                             VerticalAlignment="Center"
-                                            Kind="Check"
-                                            Visibility="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Converter={x:Static s:BoolToVisibilityConverter.Instance}, Mode=OneWay}" />
+                                            Visibility="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}, Converter={x:Static s:BoolToVisibilityConverter.Instance}, Mode=OneWay}"
+                                            Width="24" />
                                     </Grid>
                                 </DataTemplate>
                             </ListBox.ItemTemplate>
@@ -354,16 +354,16 @@
 
                 <!--  Export button  -->
                 <Button
-                    Margin="32,24"
-                    HorizontalAlignment="Right"
-                    VerticalAlignment="Bottom"
                     Command="{s:Action ExportChannels}"
+                    HorizontalAlignment="Right"
+                    Margin="32,24"
                     Style="{DynamicResource MaterialDesignFloatingActionAccentButton}"
+                    VerticalAlignment="Bottom"
                     Visibility="{Binding CanExportChannels, Converter={x:Static s:BoolToVisibilityConverter.Instance}}">
                     <materialDesign:PackIcon
-                        Width="32"
                         Height="32"
-                        Kind="Download" />
+                        Kind="Download"
+                        Width="32" />
                 </Button>
 
                 <!--  Notifications snackbar  -->