fix transaction mix navigation

TransactionProcessor.Mobile.BusinessLogic.Tests/ViewModelTests/Reports/TransactionMixPageViewModelTests.cs

@@ -57,9 +57,11 @@ public async Task Initialise_LoadsDefaultTransactionMixSummary()
         this.ViewModel.Items.Count.ShouldBeGreaterThan(0);
         this.ViewModel.TopItems.Count.ShouldBeGreaterThan(0);
         this.ViewModel.HasChartData.ShouldBeTrue();
-        this.ViewModel.ChartSeries.Length.ShouldBe(1);
-        this.ViewModel.ChartYAxes.Count.ShouldBe(1);
-        this.ViewModel.ChartXAxes.Count.ShouldBe(1);
+        this.ViewModel.ChartSeries.Length.ShouldBeGreaterThan(0);
+        this.ViewModel.ChartYAxes.Count.ShouldBe(0);
+        this.ViewModel.ChartXAxes.Count.ShouldBe(0);
+        this.ViewModel.ChartSubtitle.ShouldContain("Transaction Type");
+        this.ViewModel.ChartSubtitle.ShouldContain("count");
         this.ViewModel.IsLoading.ShouldBeFalse();
     }
 }

TransactionProcessor.Mobile.BusinessLogic/RequestHandlers/MerchantRequestHandler.cs

@@ -80,6 +80,7 @@
 
         Result<MerchantDetailsModel> merchantDetails = await merchantService.GetMerchantDetails(cancellationToken);
 
+        //merchantDetails.Data.MerchantReportingId = 1;
         if (merchantDetails.IsSuccess) {
             this.ApplicationCache.SetMerchantDetails(merchantDetails.Data, BuildCacheEntryOptions());
         }

TransactionProcessor.Mobile.BusinessLogic/ViewModels/Reports/TransactionMixPageViewModel.cs

@@ -172,6 +172,10 @@ public List<ICartesianAxis> ChartYAxes
 
     public bool HasChartData => this.ChartSeries.Length > 0;
 
+    public string ChartSubtitle => this.HasChartData
+        ? $"Top {this.TopItems.Count} {this.SelectedBreakdown.ToDisplayText()} categories by {this.SelectedMeasure.ToDisplayText().ToLowerInvariant()}"
+        : "No chart data available";
+
     public IReadOnlyList<TransactionMixDrillDownTransactionModel> SelectedItemTransactions
     {
         get
@@ -303,43 +307,25 @@ private void UpdateChart()
             return;
         }
 
-        List<string> labels = topItems.Select(item => item.Label).ToList();
         List<double> values = topItems.Select(item => this.SelectedMeasure == TransactionMixMeasure.Value ? (double)item.Value : (double)item.Count).ToList();
 
-        this.ChartSeries = new ISeries[]
-        {
-            new RowSeries<double>
-            {
-                Values = values,
-                Name = this.SelectedMeasure.ToDisplayText(),
-                Stroke = null,
-                Fill = null,
-            }
-        };
-
-        this.ChartYAxes = new List<ICartesianAxis>
+        this.ChartSeries = topItems.Select((item, index) =>
         {
-            new Axis
+            double value = values[index];
+            return new PieSeries<double>(new[] { value })
             {
-                Labels = labels,
-                LabelsRotation = 0,
-                Name = this.SelectedBreakdown.ToDisplayText(),
-            }
-        };
+                Name = item.Label,
+            };
+        }).Cast<ISeries>().ToArray();
 
-        this.ChartXAxes = new List<ICartesianAxis>
-        {
-            new Axis
-            {
-                Labeler = value => this.SelectedMeasure == TransactionMixMeasure.Value ? value.ToString("N2") : value.ToString("N0"),
-                Name = this.SelectedMeasure.ToDisplayText(),
-            }
-        };
+        this.ChartYAxes = [];
+        this.ChartXAxes = [];
 
         this.OnPropertyChanged(nameof(this.ChartSeries));
         this.OnPropertyChanged(nameof(this.ChartXAxes));
         this.OnPropertyChanged(nameof(this.ChartYAxes));
         this.OnPropertyChanged(nameof(this.HasChartData));
+        this.OnPropertyChanged(nameof(this.ChartSubtitle));
     }
 }
 

TransactionProcessor.Mobile/MauiProgram.cs

@@ -1,14 +1,16 @@
-using CommunityToolkit.Maui;
+using CommunityToolkit.Maui;
+using LiveChartsCore.SkiaSharpView.Maui;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
 using Microsoft.Maui.Controls.Hosting;
 using Microsoft.Maui.Hosting;
+using SkiaSharp.Views.Maui.Controls.Hosting;
 using TransactionProcessor.Mobile.BusinessLogic.Common;
 using TransactionProcessor.Mobile.BusinessLogic.Logging;
+using TransactionProcessor.Mobile.BusinessLogic.Serialisation;
 using TransactionProcessor.Mobile.BusinessLogic.UIServices;
 using TransactionProcessor.Mobile.Extensions;
 using TransactionProcessor.Mobile.UIServices;
-using Microsoft.Extensions.DependencyInjection;
-using TransactionProcessor.Mobile.BusinessLogic.Serialisation;
 
 namespace TransactionProcessor.Mobile
 {
@@ -19,6 +21,8 @@ public static MauiApp CreateMauiApp()
         {
             var builder = MauiApp.CreateBuilder();
             builder.UseMauiApp<App>()
+                .UseLiveCharts()
+                .UseSkiaSharp()
                 .UseMauiCommunityToolkit()
                 .ConfigureRequestHandlers()
                 .ConfigurePages()

TransactionProcessor.Mobile/Pages/Reports/TransactionMixPage.xaml

@@ -152,23 +152,25 @@
                        FontAttributes="Bold"
                        TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
 
-                <Label Text="Top categories chart"
+                <Label Text="Transaction mix"
                        FontSize="16"
                        FontAttributes="Bold"
                        TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
+                <Label Text="{Binding ChartSubtitle}"
+                       FontSize="12"
+                       Opacity="0.8"
+                       TextColor="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
                 <Frame Style="{StaticResource TransactionFormCard}"
                        BackgroundColor="{DynamicResource salesAnalysisCardBackgroundColor}"
                        BorderColor="{DynamicResource salesAnalysisCardBorderColor}"
-                       Padding="12"
+                       Padding="8"
                        CornerRadius="14"
                        HasShadow="False"
                        Margin="0">
-                    <lvc:CartesianChart AutomationId="TransactionMixChart"
-                                        Series="{Binding ChartSeries}"
-                                        XAxes="{Binding ChartXAxes}"
-                                        YAxes="{Binding ChartYAxes}"
-                                        HeightRequest="240"
-                                        HorizontalOptions="FillAndExpand" />
+                    <lvc:PieChart AutomationId="TransactionMixChart"
+                                  Series="{Binding ChartSeries}"
+                                  HeightRequest="260"
+                                  HorizontalOptions="FillAndExpand" />
                 </Frame>
 
                 <HorizontalStackLayout Spacing="12">

TransactionProcessor.Mobile/UIServices/ShellNavigationService.cs

@@ -205,6 +205,7 @@ private async Task NavigateTo(String route) {
             }
         catch(Exception e) {
             Logger.LogError($"Error navigating to {route}", e);
+            throw;
         }
     }
 
@@ -219,6 +220,7 @@ private async Task NavigateTo(String route,IDictionary<String,Object> parameters
         catch (Exception e)
         {
             Logger.LogError($"Error navigating to {route} (String route,IDictionary<String,Object> parameters)", e);
+            throw;
         }
     }
 
@@ -230,6 +232,7 @@ private async Task NavigateTo(ContentPage page){
         catch (Exception e)
         {
             Logger.LogError($"Error navigating to page (ContentPage page))", e);
+            throw;
         }
     }