From 53ecd701c02f0a5c08cd572cff172a7a90ed924e Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Mon, 15 Jun 2026 10:19:38 +0200
Subject: [PATCH] feat(ui): unified tab bar with icons on desktop and mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the mobile-only custom bottom Grid nav bar with a single styled
TabStrip that works the same on both platforms: icon + label headers,
gray background, UniformGrid for equal-width columns.
Also adds the 📷 scan button in the Send address field (visible on mobile,
triggers ScanQrCommand wired in the previous commit).
---
 src/App/Views/MainView.axaml | 82 ++++++++----------------------------
 1 file changed, 18 insertions(+), 64 deletions(-)

diff --git a/src/App/Views/MainView.axaml b/src/App/Views/MainView.axaml
index b53f1f9..6d3173e 100644
--- a/src/App/Views/MainView.axaml
+++ b/src/App/Views/MainView.axaml
@@ -185,7 +185,7 @@
         </ScrollViewer>
 
         <!-- ============ PANNELLO WALLET ============ -->
-        <Grid Grid.Row="1" RowDefinitions="Auto,*,Auto" IsVisible="{Binding IsWalletOpen}" Margin="16">
+        <Grid Grid.Row="1" RowDefinitions="Auto,*" IsVisible="{Binding IsWalletOpen}" Margin="16">
 
             <!-- Testata: saldo + rete. Connetti/sincronizza è automatico; chiudi
                  wallet è in File. Lo stato connessione è nella barra in basso. -->
@@ -201,10 +201,9 @@
                         TabStripPlacement="Top">
 
                 <TabControl.Styles>
-                    <!-- Su mobile nascondiamo il TabStrip integrato (barra custom sotto) -->
                     <Style Selector="TabStrip">
-                        <Setter Property="IsVisible" Value="{Binding !IsMobile}"/>
                         <Setter Property="HorizontalAlignment" Value="Stretch"/>
+                        <Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumBrush}"/>
                         <Setter Property="ItemsPanel">
                             <ItemsPanelTemplate>
                                 <UniformGrid Rows="1"/>
@@ -215,7 +214,7 @@
                         <Setter Property="HorizontalAlignment" Value="Stretch"/>
                         <Setter Property="HorizontalContentAlignment" Value="Center"/>
                         <Setter Property="VerticalContentAlignment" Value="Center"/>
-                        <Setter Property="Padding" Value="6,8"/>
+                        <Setter Property="Padding" Value="4,8"/>
                     </Style>
                 </TabControl.Styles>
 
@@ -224,7 +223,7 @@
                     <TabItem.Header>
                         <StackPanel Spacing="2" HorizontalAlignment="Center">
                             <TextBlock Text="≡" FontSize="19" HorizontalAlignment="Center"
-                                       IsVisible="{Binding IsMobile}"/>
+                                       />
                             <TextBlock Text="{Binding Loc[tab.history]}" FontSize="12"
                                        HorizontalAlignment="Center"/>
                         </StackPanel>
@@ -273,7 +272,7 @@
                     <TabItem.Header>
                         <StackPanel Spacing="2" HorizontalAlignment="Center">
                             <TextBlock Text="↑" FontSize="19" HorizontalAlignment="Center"
-                                       IsVisible="{Binding IsMobile}"/>
+                                       />
                             <TextBlock Text="{Binding Loc[tab.send]}" FontSize="12"
                                        HorizontalAlignment="Center"/>
                         </StackPanel>
@@ -292,8 +291,16 @@
                                 </ComboBox.ItemTemplate>
                             </ComboBox>
                         </StackPanel>
-                        <TextBox PlaceholderText="{Binding Loc[send.to]}" Text="{Binding SendTo}"
-                                 FontFamily="monospace"/>
+                        <Grid ColumnDefinitions="*,Auto">
+                            <TextBox Grid.Column="0"
+                                     PlaceholderText="{Binding Loc[send.to]}" Text="{Binding SendTo}"
+                                     FontFamily="monospace"/>
+                            <Button Grid.Column="1" Margin="6,0,0,0" Padding="10,0"
+                                    Content="📷" FontSize="20"
+                                    IsVisible="{Binding IsMobile}"
+                                    Command="{Binding ScanQrCommand}"
+                                    ToolTip.Tip="{Binding Loc[send.scan]}"/>
+                        </Grid>
                         <!-- Desktop: riga amount + fee in 4 colonne -->
                         <Grid ColumnDefinitions="*,Auto,Auto,Auto" IsVisible="{Binding IsDesktop}">
                             <TextBox Grid.Column="0" PlaceholderText="{Binding Loc[send.amount]}"
@@ -338,7 +345,7 @@
                     <TabItem.Header>
                         <StackPanel Spacing="2" HorizontalAlignment="Center">
                             <TextBlock Text="↓" FontSize="19" HorizontalAlignment="Center"
-                                       IsVisible="{Binding IsMobile}"/>
+                                       />
                             <TextBlock Text="{Binding Loc[tab.receive]}" FontSize="12"
                                        HorizontalAlignment="Center"/>
                         </StackPanel>
@@ -380,7 +387,7 @@
                     <TabItem.Header>
                         <StackPanel Spacing="2" HorizontalAlignment="Center">
                             <TextBlock Text="⊙" FontSize="19" HorizontalAlignment="Center"
-                                       IsVisible="{Binding IsMobile}"/>
+                                       />
                             <TextBlock Text="{Binding Loc[tab.addresses]}" FontSize="12"
                                        HorizontalAlignment="Center"/>
                         </StackPanel>
@@ -438,7 +445,7 @@
                     <TabItem.Header>
                         <StackPanel Spacing="2" HorizontalAlignment="Center">
                             <TextBlock Text="⊕" FontSize="19" HorizontalAlignment="Center"
-                                       IsVisible="{Binding IsMobile}"/>
+                                       />
                             <TextBlock Text="{Binding Loc[tab.contacts]}" FontSize="12"
                                        HorizontalAlignment="Center"/>
                         </StackPanel>
@@ -510,59 +517,6 @@
 
             </TabControl>
 
-            <!-- Barra di navigazione custom mobile: 5 colonne uguali, sempre centrata -->
-            <Grid Grid.Row="2"
-                  ColumnDefinitions="*,*,*,*,*"
-                  IsVisible="{Binding IsMobile}"
-                  Background="{DynamicResource SystemControlBackgroundChromeMediumBrush}"
-                  Margin="-16,4,-16,0">
-                <Button Grid.Column="0"
-                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"
-                        Background="Transparent" Padding="4,8"
-                        Command="{Binding SelectTabCommand}" CommandParameter="0">
-                    <StackPanel Spacing="2" HorizontalAlignment="Center">
-                        <TextBlock Text="≡" FontSize="19" HorizontalAlignment="Center"/>
-                        <TextBlock Text="{Binding Loc[tab.history]}" FontSize="11" HorizontalAlignment="Center"/>
-                    </StackPanel>
-                </Button>
-                <Button Grid.Column="1"
-                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"
-                        Background="Transparent" Padding="4,8"
-                        Command="{Binding SelectTabCommand}" CommandParameter="1">
-                    <StackPanel Spacing="2" HorizontalAlignment="Center">
-                        <TextBlock Text="↑" FontSize="19" HorizontalAlignment="Center"/>
-                        <TextBlock Text="{Binding Loc[tab.send]}" FontSize="11" HorizontalAlignment="Center"/>
-                    </StackPanel>
-                </Button>
-                <Button Grid.Column="2"
-                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"
-                        Background="Transparent" Padding="4,8"
-                        Command="{Binding SelectTabCommand}" CommandParameter="2">
-                    <StackPanel Spacing="2" HorizontalAlignment="Center">
-                        <TextBlock Text="↓" FontSize="19" HorizontalAlignment="Center"/>
-                        <TextBlock Text="{Binding Loc[tab.receive]}" FontSize="11" HorizontalAlignment="Center"/>
-                    </StackPanel>
-                </Button>
-                <Button Grid.Column="3"
-                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"
-                        Background="Transparent" Padding="4,8"
-                        Command="{Binding SelectTabCommand}" CommandParameter="3">
-                    <StackPanel Spacing="2" HorizontalAlignment="Center">
-                        <TextBlock Text="⊙" FontSize="19" HorizontalAlignment="Center"/>
-                        <TextBlock Text="{Binding Loc[tab.addresses]}" FontSize="11" HorizontalAlignment="Center"/>
-                    </StackPanel>
-                </Button>
-                <Button Grid.Column="4"
-                        HorizontalAlignment="Stretch" HorizontalContentAlignment="Center"
-                        Background="Transparent" Padding="4,8"
-                        Command="{Binding SelectTabCommand}" CommandParameter="4">
-                    <StackPanel Spacing="2" HorizontalAlignment="Center">
-                        <TextBlock Text="⊕" FontSize="19" HorizontalAlignment="Center"/>
-                        <TextBlock Text="{Binding Loc[tab.contacts]}" FontSize="11" HorizontalAlignment="Center"/>
-                    </StackPanel>
-                </Button>
-            </Grid>
-
         </Grid>
 
         <!-- Barra di stato: messaggio a sinistra, stato connessione a destra.