From 33ebbf0fd5c5767bf12e088e06a697f1869d47d3 Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Mon, 31 Mar 2025 18:28:05 +0200
Subject: [PATCH] Include favicon and username in search results (#736)

---
 .../Main/Components/Widgets/SearchWidget.razor | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/AliasVault.Client/Main/Components/Widgets/SearchWidget.razor b/src/AliasVault.Client/Main/Components/Widgets/SearchWidget.razor
index 7ecd15a06..6c4719f42 100644
--- a/src/AliasVault.Client/Main/Components/Widgets/SearchWidget.razor
+++ b/src/AliasVault.Client/Main/Components/Widgets/SearchWidget.razor
@@ -44,9 +44,20 @@
                 {
                     var result = SearchResults[i];
                     <div
-                        class="search-result @(i == SelectedIndex ? "bg-gray-100 dark:bg-gray-700" : "") px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700"
+                        class="search-result @(i == SelectedIndex ? "bg-gray-100 dark:bg-gray-700" : "") px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center"
                         @onclick="() => SelectResult(result)">
-                        @result.Service.Name <span class="text-gray-500">(@result.Alias.Email)</span>
+                        <DisplayFavicon FaviconBytes="@result.Service.Logo" Width="24" />
+                        <div class="ml-2">
+                            <div>@result.Service.Name</div>
+                            @if (!string.IsNullOrEmpty(result.Alias.Email))
+                            {
+                                <span class="text-gray-500">(@result.Alias.Email)</span>
+                            }
+                            else if (!string.IsNullOrEmpty(result.Username))
+                            {
+                                <span class="text-gray-500">(@result.Username)</span>
+                            }
+                        </div>
                     </div>
                 }
             </div>
@@ -122,7 +133,8 @@
                 query = query.Where(x =>
                     (x.Service.Name != null && EF.Functions.Like(x.Service.Name.ToLower(), $"%{term}%")) ||
                     (x.Alias.Email != null && EF.Functions.Like(x.Alias.Email.ToLower(), $"%{term}%")) ||
-                    (x.Username != null && EF.Functions.Like(x.Username.ToLower(), $"%{term}%"))
+                    (x.Username != null && EF.Functions.Like(x.Username.ToLower(), $"%{term}%")) ||
+                    (x.Service.Url != null && EF.Functions.Like(x.Service.Url.ToLower(), $"%{term}%"))
                 );
             }