From de1b162ee918264a450c0e29c0606e20997b946a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Tue, 24 Feb 2026 12:49:07 +0400
Subject: [PATCH] Different sidebar headers for nearby and full search

---
 app/components/places-sidebar.gjs | 17 +++++++++++++++--
 tests/acceptance/search-test.js   |  2 ++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/app/components/places-sidebar.gjs b/app/components/places-sidebar.gjs
index 1f39729..49a96cb 100644
--- a/app/components/places-sidebar.gjs
+++ b/app/components/places-sidebar.gjs
@@ -145,6 +145,11 @@ export default class PlacesSidebar extends Component {
     }
   }
 
+  get isNearbySearch() {
+    const qp = this.router.currentRoute.queryParams;
+    return !qp.q && qp.lat && qp.lon;
+  }
+
   <template>
     <div class="sidebar">
       <div class="sidebar-header">
@@ -155,7 +160,11 @@ export default class PlacesSidebar extends Component {
             {{on "click" this.clearSelection}}
           ><Icon @name="arrow-left" @size={{20}} @color="#333" /></button>
         {{else}}
-          <h2><Icon @name="target" @size={{20}} @color="#ea4335" /> Nearby</h2>
+          {{#if this.isNearbySearch}}
+            <h2><Icon @name="target" @size={{20}} @color="#ea4335" /> Nearby</h2>
+          {{else}}
+            <h2><Icon @name="search" @size={{20}} @color="#333" /> Results</h2>
+          {{/if}}
         {{/if}}
         <button type="button" class="close-btn" {{on "click" @onClose}}><Icon
             @name="x"
@@ -205,7 +214,11 @@ export default class PlacesSidebar extends Component {
               {{/each}}
             </ul>
           {{else}}
-            <p class="empty-state">No places found nearby.</p>
+            {{#if this.isNearbySearch}}
+              <p class="empty-state">No places found nearby.</p>
+            {{else}}
+              <p class="empty-state">No results found.</p>
+            {{/if}}
           {{/if}}
 
           <button
diff --git a/tests/acceptance/search-test.js b/tests/acceptance/search-test.js
index abac40f..405cb82 100644
--- a/tests/acceptance/search-test.js
+++ b/tests/acceptance/search-test.js
@@ -56,6 +56,7 @@ module('Acceptance | search', function (hooks) {
     await visit('/search?q=Berlin');
 
     assert.strictEqual(currentURL(), '/search?q=Berlin');
+    assert.dom('.sidebar-header h2').includesText('Results');
     assert.dom('.places-list li').exists({ count: 2 });
     assert.dom('.places-list li:first-child .place-name').hasText('Berlin');
   });
@@ -99,6 +100,7 @@ module('Acceptance | search', function (hooks) {
     await visit('/search?lat=52.52&lon=13.405');
 
     assert.strictEqual(currentURL(), '/search?lat=52.52&lon=13.405');
+    assert.dom('.sidebar-header h2').includesText('Nearby');
     assert.dom('.places-list li').exists({ count: 1 });
     assert.dom('.places-list li .place-name').hasText('Nearby Cafe');
   });