From 4b02dd6d2c7d7c433b2a8b91dcca76dac5937b42 Mon Sep 17 00:00:00 2001
From: Natalia Portillo <claunia@claunia.com>
Date: Sun, 16 Nov 2025 15:32:05 +0000
Subject: [PATCH] Refactor GPU detail page header to use NavigationBar for
 improved navigation

---
 .../Presentation/Views/CompanyDetailPage.xaml |  3 +-
 .../Presentation/Views/GpuDetailPage.xaml     | 31 +++++++------------
 2 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/Marechai.App/Presentation/Views/CompanyDetailPage.xaml b/Marechai.App/Presentation/Views/CompanyDetailPage.xaml
index 731b0717..f33a6f67 100644
--- a/Marechai.App/Presentation/Views/CompanyDetailPage.xaml
+++ b/Marechai.App/Presentation/Views/CompanyDetailPage.xaml
@@ -19,7 +19,8 @@
 
         <!-- Header -->
         <utu:NavigationBar Grid.Row="0"
-                           Content="{Binding Path=Title}">
+                           Content="{Binding Path=Title}"
+                           MainCommandMode="Action">
             <utu:NavigationBar.MainCommand>
                 <AppBarButton Icon="Back"
                               Label="Back"
diff --git a/Marechai.App/Presentation/Views/GpuDetailPage.xaml b/Marechai.App/Presentation/Views/GpuDetailPage.xaml
index b52f70c2..c6c41f1a 100644
--- a/Marechai.App/Presentation/Views/GpuDetailPage.xaml
+++ b/Marechai.App/Presentation/Views/GpuDetailPage.xaml
@@ -17,26 +17,17 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <!-- Header with Back Button -->
-        <Grid Grid.Row="0"
-              Padding="8"
-              Background="{ThemeResource SystemControlBackgroundChromeMediumBrush}">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="Auto" />
-                <ColumnDefinition Width="*" />
-            </Grid.ColumnDefinitions>
-            <AppBarButton Grid.Column="0"
-                          Icon="Back"
-                          Label="Back"
-                          Command="{Binding GoBackCommand}"
-                          AutomationProperties.Name="Go back" />
-            <TextBlock Grid.Column="1"
-                       Text="GPU Details"
-                       VerticalAlignment="Center"
-                       HorizontalAlignment="Center"
-                       FontSize="18"
-                       FontWeight="SemiBold" />
-        </Grid>
+        <!-- Header -->
+        <utu:NavigationBar Grid.Row="0"
+                           Content="{Binding Path=Title}"
+                           MainCommandMode="Action">
+            <utu:NavigationBar.MainCommand>
+                <AppBarButton Icon="Back"
+                              Label="Back"
+                              Command="{Binding GoBackCommand}"
+                              AutomationProperties.Name="Go back" />
+            </utu:NavigationBar.MainCommand>
+        </utu:NavigationBar>
 
         <!-- Content -->
         <ScrollViewer Grid.Row="1">