From 734f051963608c35bd736d1eac3db4f731215fb8 Mon Sep 17 00:00:00 2001
From: snowrugar-beep <snowrugar-beep@users.noreply.github.com>
Date: Thu, 15 Oct 2026 17:42:32 +0100
Subject: [PATCH] feat(property-search): show empty state when no suggestions
 match

---
 src/components/PropertySearch.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/PropertySearch.tsx b/src/components/PropertySearch.tsx
index d0636906..f984748c 100644
--- a/src/components/PropertySearch.tsx
+++ b/src/components/PropertySearch.tsx
@@ -7,6 +7,7 @@ import { useSearchHistory } from '@/hooks/useSearchHistory';
 import { SearchHistoryDropdown } from './search/SearchHistoryDropdown';
 import type { AutocompleteResult } from '@/types/property';
 import { logger } from '@/utils/logger';
+import { SearchEmptyState } from './ui/EmptyState';
 
 interface PropertySearchProps {
   value: string;
@@ -191,6 +192,8 @@ export const PropertySearch = ({
               <div className="inline-block w-5 h-5 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" />
               <span className="ml-2">Searching...</span>
             </div>
+          ) : suggestions.length === 0 && debouncedValue.trim().length >= 2 ? (
+            <SearchEmptyState query={debouncedValue.trim()} />
           ) : (
             <div className="py-2">
               {suggestions.map((suggestion, index) => (