From ad29ebdf9eb983e62ed1b1372f7a4d51a5f73bdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A5rten=20=C3=85sberg?= <marten.asberg@outlook.com>
Date: Wed, 4 Oct 2023 21:55:33 +0200
Subject: [PATCH] Fix tapping categories in app

---
 app/TimeKeep.App/Views/AddEntryView.axaml      | 13 ++++++++++++-
 app/TimeKeep.App/Views/AddEntryView.axaml.cs   | 13 +++++++++++++
 app/TimeKeep.App/Views/AddProjectView.axaml    | 13 ++++++++++++-
 app/TimeKeep.App/Views/AddProjectView.axaml.cs | 13 +++++++++++++
 4 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/app/TimeKeep.App/Views/AddEntryView.axaml b/app/TimeKeep.App/Views/AddEntryView.axaml
index c537203..1914bf7 100644
--- a/app/TimeKeep.App/Views/AddEntryView.axaml
+++ b/app/TimeKeep.App/Views/AddEntryView.axaml
@@ -13,6 +13,9 @@
 		<Style Selector="Label">
 			<Setter Property="Margin" Value="0,10,0,5"/>
 		</Style>
+		<Style Selector="AutoCompleteBox ListBoxItem">
+			<Setter Property="Padding" Value="0"/>
+		</Style>
     </UserControl.Styles>
 	<UserControl.Resources>
 		<converters:LocationConverter x:Key="LocationConverter"/>
@@ -62,7 +65,15 @@
 				<c:CategoriesDisplay Categories="{Binding Categories}" CanRemove="True"/>
 				<Panel>
 					<AutoCompleteBox x:Name="CategoriesBox" ItemsSource="{Binding ExistingCategories}"
-					                 KeyDown="OnAddCategoryKeyDown"/>
+					                 KeyDown="OnAddCategoryKeyDown">
+						<AutoCompleteBox.ItemTemplate>
+							<DataTemplate DataType="x:String">
+								<Grid Background="Transparent" PointerPressed="OnCategoryPressed" Tag="{Binding}">
+									<TextBlock Text="{Binding}" Margin="12,9"/>
+								</Grid>
+							</DataTemplate>
+						</AutoCompleteBox.ItemTemplate>
+					</AutoCompleteBox>
 					<Button CornerRadius="0,3,3,0"
 					        Height="{Binding #CategoriesBox.Bounds.Height}"
 					        HorizontalAlignment="Right"
diff --git a/app/TimeKeep.App/Views/AddEntryView.axaml.cs b/app/TimeKeep.App/Views/AddEntryView.axaml.cs
index baee70a..f8971ad 100644
--- a/app/TimeKeep.App/Views/AddEntryView.axaml.cs
+++ b/app/TimeKeep.App/Views/AddEntryView.axaml.cs
@@ -41,6 +41,19 @@ private async void AddCategory()
         CategoriesBox.Text = string.Empty;
     }
 
+    private async void OnCategoryPressed(object? sender, PointerPressedEventArgs e)
+    {
+        if (sender is not Grid { Tag: string category } || string.IsNullOrWhiteSpace(category))
+        {
+            return;
+        }
+
+        e.Handled = true;
+        await ViewModel!.AddCategoryCommand.Execute(category).ToTask();
+        CategoriesBox.Text = string.Empty;
+        CategoriesBox.Focus();
+    }
+
     private void OnEndTimeIsCheckedChanged(object? sender, RoutedEventArgs e)
     {
         if (sender is CheckBox { IsChecked: true })
diff --git a/app/TimeKeep.App/Views/AddProjectView.axaml b/app/TimeKeep.App/Views/AddProjectView.axaml
index 38b9262..d5e86bd 100644
--- a/app/TimeKeep.App/Views/AddProjectView.axaml
+++ b/app/TimeKeep.App/Views/AddProjectView.axaml
@@ -12,6 +12,9 @@
 		<Style Selector="Label">
 			<Setter Property="Margin" Value="0,10,0,5"/>
 		</Style>
+		<Style Selector="AutoCompleteBox ListBoxItem">
+			<Setter Property="Padding" Value="0"/>
+		</Style>
     </UserControl.Styles>
 	<UserControl.Resources>
 		<Flyout x:Key="ErrorFlyout" Placement="Center">
@@ -40,7 +43,15 @@
 				<c:CategoriesDisplay Categories="{Binding Categories}" CanRemove="True"/>
 				<Panel>
 					<AutoCompleteBox x:Name="CategoriesBox" ItemsSource="{Binding ExistingCategories}"
-					                 KeyDown="OnAddCategoryKeyDown"/>
+					                 KeyDown="OnAddCategoryKeyDown">
+						<AutoCompleteBox.ItemTemplate>
+							<DataTemplate DataType="x:String">
+								<Grid Background="Transparent" PointerPressed="OnCategoryPressed" Tag="{Binding}">
+									<TextBlock Text="{Binding}" Margin="12,9"/>
+								</Grid>
+							</DataTemplate>
+						</AutoCompleteBox.ItemTemplate>
+					</AutoCompleteBox>
 					<Button CornerRadius="0,3,3,0"
 					        Height="{Binding #CategoriesBox.Bounds.Height}"
 					        HorizontalAlignment="Right"
diff --git a/app/TimeKeep.App/Views/AddProjectView.axaml.cs b/app/TimeKeep.App/Views/AddProjectView.axaml.cs
index 485cb35..65e08c8 100644
--- a/app/TimeKeep.App/Views/AddProjectView.axaml.cs
+++ b/app/TimeKeep.App/Views/AddProjectView.axaml.cs
@@ -40,6 +40,19 @@ private async void AddCategory()
         CategoriesBox.Text = string.Empty;
     }
 
+    private async void OnCategoryPressed(object? sender, PointerPressedEventArgs e)
+    {
+        if (sender is not Grid { Tag: string category } || string.IsNullOrWhiteSpace(category))
+        {
+            return;
+        }
+
+        e.Handled = true;
+        await ViewModel!.AddCategoryCommand.Execute(category).ToTask();
+        CategoriesBox.Text = string.Empty;
+        CategoriesBox.Focus();
+    }
+
     private async void OnAddClick(object? sender, RoutedEventArgs e)
     {
         var result = await ViewModel!.AddProjectCommand