From c6815f9900f9b6e3a16caf719d3523a50775a8c2 Mon Sep 17 00:00:00 2001
From: Daniel Monettelli <danielmonetelli@hotmail.com>
Date: Fri, 19 Apr 2024 01:20:44 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20[Code]=20Updated=20FavoritePage.?=
 =?UTF-8?q?xaml,=20adding=20dynamic=20columns=20in=20CollectionView=20base?=
 =?UTF-8?q?d=20on=20device=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Meow/ViewModels/FavoriteViewModel.cs | 3 +++
 Meow/Views/FavoritePage.xaml         | 5 +++--
 Meow/Views/FavoritePage.xaml.cs      | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/Meow/ViewModels/FavoriteViewModel.cs b/Meow/ViewModels/FavoriteViewModel.cs
index d773724..6462425 100644
--- a/Meow/ViewModels/FavoriteViewModel.cs
+++ b/Meow/ViewModels/FavoriteViewModel.cs
@@ -8,6 +8,9 @@ public partial class FavoriteViewModel : BaseViewModel
     [ObservableProperty]
     private FavoriteCatResponse selectedFavoriteCat = new();
 
+    [ObservableProperty]
+    private int columns;
+
     private readonly ICatService _catService;
 
     public FavoriteViewModel(ICatService catService)
diff --git a/Meow/Views/FavoritePage.xaml b/Meow/Views/FavoritePage.xaml
index 13661ff..56cff51 100644
--- a/Meow/Views/FavoritePage.xaml
+++ b/Meow/Views/FavoritePage.xaml
@@ -10,7 +10,8 @@
     xmlns:reusablecomponent="clr-namespace:Meow.ReusableComponents"
     xmlns:viewModel="clr-namespace:Meow.ViewModels"
     ios:Page.UseSafeArea="true"
-    x:DataType="viewModel:FavoriteViewModel">
+    x:DataType="viewModel:FavoriteViewModel"
+    SizeChanged="ContentPage_SizeChanged">
 
     <ContentPage.Resources>
         <Style TargetType="Border">
@@ -49,7 +50,7 @@
                 <GridItemsLayout
                     HorizontalItemSpacing="16"
                     Orientation="Vertical"
-                    Span="2"
+                    Span="{Binding Columns}"
                     VerticalItemSpacing="16" />
             </CollectionView.ItemsLayout>
             <CollectionView.ItemTemplate>
diff --git a/Meow/Views/FavoritePage.xaml.cs b/Meow/Views/FavoritePage.xaml.cs
index 8c2c377..33772c2 100644
--- a/Meow/Views/FavoritePage.xaml.cs
+++ b/Meow/Views/FavoritePage.xaml.cs
@@ -17,4 +17,9 @@ protected async override void OnAppearing()
 
         await vm.InitializeDataAsync();
     }
+
+    private void ContentPage_SizeChanged(object sender, EventArgs e)
+    {
+        vm.Columns = (int)(Width / 168);
+    }
 }
\ No newline at end of file