From e6680f9e669e0e3f19ec3b928d1d0299c74eab4e Mon Sep 17 00:00:00 2001
From: TheXamlGuy <dan_clark@outlook.com>
Date: Thu, 27 Jun 2024 22:51:51 +0100
Subject: [PATCH] WIP FileSelector

---
 Wallet.Avalonia/CreateWalletView.axaml | 42 +++++++++++++++++++++++++-
 Wallet.Avalonia/ItemHeaderView.axaml   |  2 +-
 Wallet.Avalonia/MainView.axaml         | 11 +++++++
 3 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/Wallet.Avalonia/CreateWalletView.axaml b/Wallet.Avalonia/CreateWalletView.axaml
index 579066e..6841d89 100644
--- a/Wallet.Avalonia/CreateWalletView.axaml
+++ b/Wallet.Avalonia/CreateWalletView.axaml
@@ -4,11 +4,16 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:ui="using:FluentAvalonia.UI.Controls"
     xmlns:vm="using:Wallet"
-    Title="Create a new wallet"
     x:DataType="vm:CreateWalletViewModel"
     CloseButtonText="Cancel"
     DefaultButton="Primary"
     PrimaryButtonText="Create">
+    <ContentDialog.Resources>
+        <x:Double x:Key="PersonPictureSize">144</x:Double>
+        <x:Double x:Key="ButtonSize">36</x:Double>
+        <Thickness x:Key="ButtonMargin">0,0,6,6</Thickness>
+        <CornerRadius x:Key="ButtonCornerRadius">18</CornerRadius>
+    </ContentDialog.Resources>
     <ContentDialog.Styles>
         <Style Selector="ui|ContentDialog.Write">
             <Setter Property="IsPrimaryButtonEnabled" Value="True" />
@@ -53,8 +58,43 @@
     <Grid>
         <StackPanel
             Width="400"
+            Margin="0,-24,0,0"
             IsEnabled="{Binding !IsActive}"
             Spacing="18">
+            <Grid HorizontalAlignment="Center">
+                <PersonPicture
+                    Width="{StaticResource PersonPictureSize}"
+                    Height="{StaticResource PersonPictureSize}"
+                    DisplayName="{Binding Name}" />
+                <DropDownButton
+                    Width="{StaticResource ButtonSize}"
+                    Height="{StaticResource ButtonSize}"
+                    Margin="{StaticResource ButtonMargin}"
+                    Padding="0"
+                    HorizontalAlignment="Right"
+                    VerticalAlignment="Bottom"
+                    HorizontalContentAlignment="Center"
+                    VerticalContentAlignment="Center"
+                    CornerRadius="{StaticResource ButtonCornerRadius}">
+                    <DropDownButton.Styles>
+                        <Style Selector="DropDownButton /template/ ui|FontIcon#DropDownGlyph">
+                            <Setter Property="IsVisible" Value="False" />
+                        </Style>
+                    </DropDownButton.Styles>
+                    <DropDownButton.Flyout>
+                        <MenuFlyout>
+                            <MenuItem Header="Import picture" />
+                            <MenuItem Header="Remove picture" />
+                        </MenuFlyout>
+                    </DropDownButton.Flyout>
+                    <TextBlock
+                        Margin="0,3,0,0"
+                        VerticalAlignment="Center"
+                        FontFamily="{DynamicResource FluentThemeFontFamily}"
+                        FontSize="18"
+                        Text="&#xE36A;" />
+                </DropDownButton>
+            </Grid>
             <StackPanel>
                 <TextBlock Margin="0,0,0,6" Text="Name" />
                 <TextBox Text="{Binding Name}" Watermark="e.g. Personal" />
diff --git a/Wallet.Avalonia/ItemHeaderView.axaml b/Wallet.Avalonia/ItemHeaderView.axaml
index bfd6b0e..efe5277 100644
--- a/Wallet.Avalonia/ItemHeaderView.axaml
+++ b/Wallet.Avalonia/ItemHeaderView.axaml
@@ -8,7 +8,7 @@
         <PersonPicture
             Width="144"
             Height="144"
-            DisplayName="{Binding Value, UpdateSourceTrigger=PropertyChanged}" />
+            DisplayName="{Binding Value}" />
         <TextBox
             MaxWidth="360"
             Text="{Binding Value}"
diff --git a/Wallet.Avalonia/MainView.axaml b/Wallet.Avalonia/MainView.axaml
index 3b9e76b..0c2a411 100644
--- a/Wallet.Avalonia/MainView.axaml
+++ b/Wallet.Avalonia/MainView.axaml
@@ -19,6 +19,17 @@
                 <InvokeNavigationViewItemAction SelectedIndex="1" />
             </DataTriggerBehavior>
         </Interaction.Behaviors>
+        <NavigationView.PaneHeader>
+            <Border
+                Margin="12,0,0,0"
+                Padding="12,4,12,4"
+                HorizontalAlignment="Left"
+                VerticalAlignment="Center"
+                Background="{DynamicResource AccentFillColorDefaultBrush}"
+                CornerRadius="12">
+                <TextBlock FontSize="10" Text="BETA PREVIEW 1" />
+            </Border>
+        </NavigationView.PaneHeader>
         <NavigationView.PaneCustomContent>
             <Grid RowDefinitions="*,Auto">
                 <ListBox