show suggestions and hits in the same view

Author: aallam

guide/guides/src/main/kotlin/com/algolia/instantsearch/guides/querysuggestion/QuerySuggestionGuide.kt

@@ -23,6 +23,7 @@ import com.algolia.search.helper.deserialize
 import com.algolia.search.model.APIKey
 import com.algolia.search.model.ApplicationID
 import com.algolia.search.model.IndexName
+import com.algolia.search.model.search.Query
 import io.ktor.client.features.logging.*
 
 class QuerySuggestionGuide : AppCompatActivity() {
@@ -38,6 +39,7 @@ class QuerySuggestionGuide : AppCompatActivity() {
     )
     private val suggestionSearcher = multiSearcher.addHitsSearcher(
         indexName = IndexName("instantsearch_query_suggestions"),
+        query = Query(hitsPerPage = 3)
     )
     private val searchBox = SearchBoxConnector(multiSearcher)
     private val connection = ConnectionHandler(searchBox)
@@ -55,28 +57,27 @@ class QuerySuggestionGuide : AppCompatActivity() {
 
         // Setup hits
         val productAdapter = ProductAdapter()
-        binding.products.configureRecyclerView(productAdapter)
+        binding.products.configure(productAdapter)
         connection += productSearcher.connectHitsView(productAdapter) { it.hits.deserialize(Product.serializer()) }
 
         // Setup suggestions
-        val suggestionAdapter = SuggestionAdapter {
-            searchBoxView.setText(it.query, true)
-        }
-        binding.suggestions.configureRecyclerView(suggestionAdapter)
+        val suggestionAdapter = SuggestionAdapter { searchBoxView.setText(it.query, true) }
+        binding.suggestions.configure(suggestionAdapter)
         connection += suggestionSearcher.connectHitsView(suggestionAdapter) {
             it.hits.deserialize(Suggestion.serializer())
         }
 
-        // Switch display depending search box focus
-        searchBoxView.searchView.setOnQueryTextFocusChangeListener { _, hasFocus ->
-            if (hasFocus) display(Display.Suggestions) else display(Display.Hits)
+        // Show/Hide suggestions
+        suggestionSearcher.response.subscribe {
+            val visibility = if (it?.hits.isNullOrEmpty()) View.GONE else View.VISIBLE
+            binding.suggestionsGroup.visibility = visibility
         }
 
         // initial search
         multiSearcher.searchAsync()
     }
 
-    private fun RecyclerView.configureRecyclerView(recyclerViewAdapter: RecyclerView.Adapter<*>) {
+    private fun RecyclerView.configure(recyclerViewAdapter: RecyclerView.Adapter<*>) {
         visibility = View.VISIBLE
         layoutManager = LinearLayoutManager(this@QuerySuggestionGuide)
         adapter = recyclerViewAdapter
@@ -89,15 +90,4 @@ class QuerySuggestionGuide : AppCompatActivity() {
         multiSearcher.cancel()
         connection.clear()
     }
-
-    private fun display(display: Display) {
-        binding.suggestionsGroup.visibility = display.visibleIf(Display.Suggestions)
-        binding.hitsGroup.visibility = display.visibleIf(Display.Hits)
-    }
-
-    private enum class Display {
-        Suggestions, Hits;
-
-        fun visibleIf(display: Display) = if (this == display) View.VISIBLE else View.GONE
-    }
 }

guide/guides/src/main/res/layout/activity_query_suggestion.xml

@@ -23,7 +23,7 @@
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:queryHint="Search places" />
+            app:queryHint="Search for products..." />
 
     </androidx.appcompat.widget.Toolbar>
 
@@ -83,11 +83,4 @@
         app:constraint_referenced_ids="titleSuggestions,suggestions"
         tools:visibility="visible" />
 
-    <androidx.constraintlayout.widget.Group
-        android:id="@+id/hitsGroup"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:visibility="visible"
-        app:constraint_referenced_ids="titleResults,products" />
-
 </androidx.constraintlayout.widget.ConstraintLayout>