fix(insights): use sendEvent with html`

algolia · Apr 5, 2023 · ea75a7b · ea75a7b
1 parent 8e5aa14
commit ea75a7b
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/instantsearch.js/algolia-insights/src/app.js b/instantsearch.js/algolia-insights/src/app.js
@@ -19,19 +19,24 @@ search.addWidgets([
   instantsearch.widgets.hits({
     container: '#hits',
     templates: {
-      item: (hit, { sendEvent }) => `
+      item: (hit, { html, sendEvent }) => html`
         <div>
           <img src="${hit.image}" align="left" alt="${hit.name}" />
           <div class="hit-name">
             ${hit.name}
           </div>
           <div>
-           <button onclick=${() => sendEvent('click', hit, 'my-click-event')}>
-             Click event
-           </button>
-           <button onclick=${() => sendEvent('conversion', hit, 'my-conversion-event')}>
-             Conversion event
-           </button>
+            <button
+              onclick="${() => sendEvent('click', hit, 'my-click-event')}"
+            >
+              Click event
+            </button>
+            <button
+              onclick="${() =>
+                sendEvent('conversion', hit, 'my-conversion-event')}"
+            >
+              Conversion event
+            </button>
           </div>
         </div>
       `,
@@ -42,9 +47,11 @@ search.addWidgets([
   }),
 ]);
 
-search.use(instantsearch.middlewares.createInsightsMiddleware({
-  insightsClient: window.aa,
-}));
+search.use(
+  instantsearch.middlewares.createInsightsMiddleware({
+    insightsClient: window.aa,
+  })
+);
 window.aa('setUserToken', 'my-user-token');
 
 search.start();