Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-26 21:03:01 +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 React = require('react');
const PropTypes = require('prop-types'); const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const debounce = require('lodash.debounce');
const Icon = require('@stremio/stremio-icons/dom'); const Icon = require('@stremio/stremio-icons/dom');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const { Image, MainNavBars, MetaRow, MetaItem, useDeepEqualMemo } = require('stremio/common'); const { Image, MainNavBars, MetaRow, MetaItem, useDeepEqualMemo } = require('stremio/common');
@ -24,17 +25,18 @@ const Search = ({ queryParams }) => {
: :
null; null;
}, [search.selected]); }, [search.selected]);
React.useEffect(() => { const debounceAnanlytics = debounce((query, search) => {
if (query !== null && core.active && search.catalogs.every((catalog) => catalog.content.type !== 'Loading')) { if (query !== null && core.active) {
const rows = search.catalogs.length; const responses_count = search.catalogs.filter((catalog) => catalog.content.type !== 'Loading').length;
core.transport.analytics({ core.transport.analytics({
event: 'Search', event: 'Search',
args: { args: {
query, rows query, responses_count
} }
}); });
} }
}, [search]); }, 500, { leading: false });
React.useEffect(() => { debounceAnanlytics(query, search); }, [search]);
return ( return (
<MainNavBars className={styles['search-container']} route={'search'} query={query}> <MainNavBars className={styles['search-container']} route={'search'} query={query}>
<div className={styles['search-content']}> <div className={styles['search-content']}>