src/Banquale/Banquale/Views/Balance/BalanceView.xaml

@@ -12,6 +12,12 @@
             Margin="20, 5, 20, 5"
             HorizontalOptions="Fill">
 
+            <Grid.GestureRecognizers>
+                <TapGestureRecognizer
+                                  Tapped="OnButtonClicked"
+                                  NumberOfTapsRequired="1" />
+            </Grid.GestureRecognizers>
+            
                 <Image Source="dotnet_bot.png"
                        Grid.Column="0"
                        MaximumHeightRequest="30"/>

src/Banquale/Banquale/Views/Balance/BalanceView.xaml.cs

@@ -6,4 +6,9 @@ public partial class BalanceView : ContentView
 	{
 		InitializeComponent();
 	}
+
+	public async void OnButtonClicked(object sender, EventArgs e)
+    {
+        await Shell.Current.Navigation.PushAsync(new CategoryPage());
+    }
 }

src/Banquale/Banquale/Views/Category/CategoryPage.xaml

@@ -6,27 +6,18 @@
              Title="CategoryPage"
              BackgroundColor="White">
     
-    
-    <Grid RowDefinitions="*,*,*,*,*,*,*,*,*,*,*,*,2*">
-        
-        
-        <ImageButton Source="back_arrow_icon.svg" Grid.Row="0" HorizontalOptions="Start"/>
-
-        <local:CategoryView Grid.Row="2"/>
-        <local:CategoryView Grid.Row="3"/>
-        <local:CategoryView Grid.Row="4"/>
-        <local:CategoryView Grid.Row="5"/>
-        <local:CategoryView Grid.Row="6"/>
-        <local:CategoryView Grid.Row="7"/>
-        <local:CategoryView Grid.Row="8"/>
-        <local:CategoryView Grid.Row="9"/>
-        <local:CategoryView Grid.Row="10"/>
-        <local:CategoryView Grid.Row="11"/>
-
-        <VerticalStackLayout Grid.Row="12">
-            <BoxView HorizontalOptions="FillAndExpand"
-                 HeightRequest="1.3"/>
+        <VerticalStackLayout
+            VerticalOptions="Center" >
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
+            <local:CategoryView />
         </VerticalStackLayout>
 
-    </Grid>
 </ContentPage>

src/Banquale/Banquale/Views/Category/CategoryView.xaml

@@ -4,15 +4,16 @@
              x:Class="Banquale.Views.Category.CategoryView">
     
     <VerticalStackLayout>
-        <BoxView HorizontalOptions="FillAndExpand"
-                 HeightRequest="1.3"/>
+
+        <BoxView BackgroundColor="Black"
+                 HorizontalOptions="FillAndExpand"
+                 HeightRequest="1.3"
+                 Margin="20, 0, 20, 0"/>
 
         <Grid Margin="20, 5, 20, 5"
             HorizontalOptions="Fill">
-
             <Label
                 Text="Catégorie"
-                TextColor="Black"
                 HorizontalOptions="Center"
                 VerticalOptions="Center"/>
         </Grid>

src/Banquale/Banquale/Views/TransactionsPage.xaml

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Banquale.Views.TransactionsPage"
+             Title="TransactionsPage"
+             BackgroundColor="White">
+    
+    <Grid RowDefinitions="2*, *, 0*, *, 0*, *, *, *, *, *, *">
+        
+        <Grid Grid.Row="1"  ColumnDefinitions="2*, *, 2*">
+            <Label Grid.Column="1"
+                   Text="Prix"
+                   TextColor="Black"
+                   HorizontalOptions="Center"
+                   FontSize="Large"/>
+        </Grid>
+
+        <Grid Grid.Row="3" ColumnDefinitions="*, *, *">
+            <Label Grid.Column="1"
+                   Text="poiuytreza"
+                   TextColor="Black"
+                   HorizontalOptions="Center"/>
+        </Grid>
+
+        <Grid Grid.Row="5" ColumnDefinitions="*, 4*, *">
+            <Button Grid.Column="1" Text="Categorie" TextColor="Black" FontSize="Medium" BackgroundColor="Gray"/>
+        </Grid>
+
+        <Grid Grid.Row="7" RowDefinitions="auto, *, *" ColumnDefinitions="*, auto, *">
+            <Label Grid.Row="0" Grid.Column="1" TextColor="Black" Text="  Paiment par carte &#x0a;4859 **** **** 9985" VerticalOptions="Center"/>
+            <BoxView Grid.Row="1" Grid.Column="1" HorizontalOptions="FillAndExpand"
+                 HeightRequest="1.3" Color="Black"/>
+            <Label Grid.Row="2" Grid.Column="1" Text="En date du 15/06/2023" TextColor="Black"/>
+        </Grid>
+
+        <Grid Grid.Row="9" ColumnDefinitions="*, 4*, *">
+            <Button Grid.Column="1" Text="Faire opposition" BackgroundColor="Gray" TextColor="Black"/>
+        </Grid>
+        
+    </Grid>
+</ContentPage>

src/Banquale/Banquale/Views/TransactionsPage.xaml.cs

@@ -0,0 +1,9 @@
+namespace Banquale.Views;
+
+public partial class TransactionsPage : ContentPage
+{
+	public TransactionsPage()
+	{
+		InitializeComponent();
+	}
+}