import React, { useState, useCallback } from 'react'; import Link from 'next/link'; import { routes } from 'env/routes'; import { useTranslation } from 'react-i18next'; import { withRouter } from 'next/router'; import { inject, observer } from 'mobx-react'; import { linkTo } from 'env/utils/strings'; import _ from 'lodash'; export const EventsPageFilters = ( inject( 'appStore', 'eventsStore' )( withRouter( observer(({ router, eventsStore, componentName }) => { const { t } = useTranslation(); const { eventsPage } = eventsStore; const [searchValue, setSearchValue] = useState( router.query.query || '' ); const doDebouncedSearch = useCallback( _.debounce((query) => doSearch(query), 750), [] ); const doSearch = (searchTerm) => { router.push(linkTo(router, { ...router.query, query: searchTerm })); }; const handleSearchBySelectChange = (e) => { e.preventDefault(); switch (e.target.name) { case 'category': router.push( linkTo(router, { page: 1, categoryId: e.target.value == 0 ? null : e.target.value, }) ); break; default: router.push( linkTo(router, { page: 1, [e.target.name]: e.target.value == 0 ? null : e.target.value, }) ); } }; return ( <>

{t('Categories')} {':'}

{ ev.preventDefault(); setSearchValue(ev.target.value); doDebouncedSearch(ev.target.value); }} />

); }) ) ) );

Get in touch with us

Contact details