feat(instantsearch): better hiding

Now also hides the pagination block matching the CSS selector
in options.instantsearch.paginationSelector

app/css/index.scss

@@ -1,3 +1,4 @@
+/* Search by */
 .ais-search-box--powered-by-link, .aa-powered-by-link {
   display: inline-block;
   width: 45px;

app/src/AlgoliasearchZendeskHC.js

@@ -27,6 +27,7 @@ const optionsStructure = {required: true, type: 'Object', children: {
   indexPrefix: {type: 'string', value: 'zendesk_'},
   instantsearch: {type: 'Object', value: {}, children: {
     enabled: {type: 'boolean', value: true},
+    paginationSelector: {type: 'string', value: '.pagination'},
     selector: {type: 'string', value: '.search-results'},
     tagsLimit: {type: 'number', value: 15}
   }},
@@ -44,6 +45,7 @@ class AlgoliasearchZendeskHC {
     const genericHiding = addCSS(`
       ${options.autocomplete.inputSelector} { display: none; }
       ${options.instantsearch.selector} { display: none; }
+      ${options.instantsearch.paginationSelector} { display: none; }
     `);
 
     // once the DOM is initialized

app/src/index.js

@@ -1,14 +1,4 @@
-import addCSS from './addCSS.js';
 import toFactory from 'to-factory';
 import AlgoliasearchZendeskHC from './AlgoliasearchZendeskHC.js';
 
-addCSS(`
-.search-results h1:first-child {
-    display: none !important;
-}
-.search-results-column {
-  display: none;
-  visibility: hidden;
-}`);
-
 export default toFactory(AlgoliasearchZendeskHC);

app/src/instantsearch.js

@@ -56,6 +56,9 @@ export default (options) => {
   }
   $elt.hide();
 
+  let $paginationContainer = $(options.instantsearch.paginationSelector);
+  $paginationContainer.hide();
+
   let search = instantsearch({
     appId: options.applicationId,
     apiKey: options.apiKey,