Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Search analytics event using debounce

Browse source
This commit is contained in:
svetlagasheva 2021-02-26 16:35:19 +02:00
parent b83568cc33
commit ca81562f04
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/Search/Search.js
View file

@ -3,6 +3,7 @@
const React = require('react');
const PropTypes = require('prop-types');
const classnames = require('classnames');
const debounce = require('lodash.debounce');
const Icon = require('@stremio/stremio-icons/dom');
const { useServices } = require('stremio/services');
const { Image, MainNavBars, MetaRow, MetaItem, useDeepEqualMemo } = require('stremio/common');
@ -24,17 +25,18 @@ const Search = ({ queryParams }) => {
:
null;
}, [search.selected]);
React.useEffect(() => {
if (query !== null && core.active && search.catalogs.every((catalog) => catalog.content.type !== 'Loading')) {
const rows = search.catalogs.length;
const debounceAnanlytics = debounce((query, search) => {
if (query !== null && core.active) {
const responses_count = search.catalogs.filter((catalog) => catalog.content.type !== 'Loading').length;
core.transport.analytics({
event: 'Search',
args: {
query, rows
query, responses_count
}
});
}
}, [search]);
}, 500, { leading: false });
React.useEffect(() => { debounceAnanlytics(query, search); }, [search]);
return (
<MainNavBars className={styles['search-container']} route={'search'} query={query}>
<div className={styles['search-content']}>