Made improvements on loading photos

Photos/Views/FolderPickerService.cs

@@ -0,0 +1,31 @@
+using System.Linq;
+using System.Threading.Tasks;
+using Avalonia.Controls;
+using Avalonia.Platform.Storage;
+using Microsoft.VisualBasic.FileIO;
+using Photos.Models;
+
+namespace Photos.Views;
+
+public class FolderPickerService(Window window) : IFolderPickerService
+{
+    private Window _window = window;
+
+    public void SetDependencyWindow(Window window) => _window = window;
+
+    public async Task<string?> PickFolderAsync()
+    {
+        var suggestedFolder = await _window.StorageProvider.TryGetWellKnownFolderAsync(WellKnownFolder.Pictures);
+
+        var folders = await _window.StorageProvider.OpenFolderPickerAsync(
+            new FolderPickerOpenOptions
+            {
+                Title = "Select Folder",
+                AllowMultiple = false,
+                SuggestedStartLocation = suggestedFolder
+            }
+        );
+
+        return folders.FirstOrDefault()?.Path.LocalPath;
+    }
+}

Photos/Views/MainWindow.axaml

@@ -14,6 +14,10 @@
         Title="Photos"
         DragDrop.AllowDrop="True"
         DragDrop.Drop="DropHandler"
+        ExtendClientAreaChromeHints="NoChrome"
+        TransparencyLevelHint="AcrylicBlur"
+        Background="Transparent"
+        ExtendClientAreaToDecorationsHint="True"
         >
 
     <Design.DataContext>
@@ -27,30 +31,36 @@
             <Button Content="Open Directory" Command="{Binding OpenDirectory}"/>
         </Menu>
         <ScrollViewer Grid.Column="1">
-            <ItemsControl ItemsSource="{Binding Photos}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
-                <ItemsControl.ItemsPanel>
-                    <ItemsPanelTemplate>
-                        <WrapPanel ScrollViewer.VerticalScrollBarVisibility="Auto"/>
-                    </ItemsPanelTemplate>
-                </ItemsControl.ItemsPanel>
-                <ItemsControl.ItemTemplate>
+            <ItemsRepeater ItemsSource="{Binding Photos}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+                <ItemsRepeater.Layout>
+                    <UniformGridLayout MinItemWidth="190"
+                                       MinItemHeight="240"
+                                       MinRowSpacing="12"
+                                       MinColumnSpacing="12" />
+                </ItemsRepeater.Layout>
+
+                <ItemsRepeater.ItemTemplate>
                     <DataTemplate DataType="models:Photo">
-                        <StackPanel Orientation="Vertical" Margin="20">
+                        <StackPanel Orientation="Vertical" Margin="12">
                             <i:Interaction.Behaviors>
                                 <ic:EventTriggerBehavior EventName="PointerReleased">
                                     <ic:InvokeCommandAction Command="{Binding DataContext.PhotoClicked, ElementName=Root}" PassEventArgsToCommand="True"/>
                                 </ic:EventTriggerBehavior>
                             </i:Interaction.Behaviors>
-                            <Image Source="{Binding Source}" Width="150" Height="150"/>
-                            <TextBlock Text="{Binding DisplayName}" HorizontalAlignment="Center" Width="150"/>
+                            <Image Source="{Binding PreviewImage}"
+                                   Width="150"
+                                   Height="150" />
+                            <TextBlock Text="{Binding DisplayName}"
+                                       HorizontalAlignment="Center"
+                                       Width="150" />
                             <TextBlock Text="{Binding DisplayPath}" HorizontalAlignment="Center" Width="150"/>
                         </StackPanel>
                     </DataTemplate>
-                </ItemsControl.ItemTemplate>
-            </ItemsControl>
+                </ItemsRepeater.ItemTemplate>
+            </ItemsRepeater>
         </ScrollViewer>
         <Grid Grid.Column="0" Grid.ColumnSpan="2" IsEnabled="{Binding SelectedPhoto}">
-            <Image Source="{Binding SelectedPhoto.Source}" Margin="50">
+            <Image Source="{Binding SelectedPhoto.FullImage}" Margin="50">
                 <i:Interaction.Behaviors>
                     <ic:EventTriggerBehavior EventName="PointerReleased">
                         <ic:InvokeCommandAction Command="{Binding Path=SelectedPhotoClicked}"/>

Photos/Views/MainWindow.axaml.cs

@@ -1,16 +1,20 @@
 using Avalonia.Controls;
 using Avalonia.Input;
 using Avalonia.Xaml.Interactions.DragAndDrop;
+using Photos.Models;
 using Photos.ViewModels;
 
 namespace Photos.Views;
 
 public partial class MainWindow : Window
 {
+    private IFolderPickerService _folderPickerService;
+
     public MainWindow()
     {
         InitializeComponent();
-        DataContext = new MainWindowViewModel();
+        _folderPickerService = new FolderPickerService(this);
+        DataContext = new MainWindowViewModel(_folderPickerService);
     }
 
     public void DropHandler(object sender, DragEventArgs e)