Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 10:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

SearchBar refactored to use useRouteActive custom hook

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-19 11:30:49 +03:00
parent 31fec02da9
commit 7c0dc77ab9
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/common/NavBar/SearchBar/SearchBar.js
View file

@ -8,19 +8,23 @@ const Button = require('stremio/common/Button');
const TextInput = require('stremio/common/TextInput');
const routesRegexp = require('stremio/common/routesRegexp');
const useLocationHash = require('stremio/common/useLocationHash');
const useRouteActive = require('stremio/common/useRouteActive');
const styles = require('./styles');
const SearchBar = ({ className }) => {
const locationHash = useLocationHash();
const focusable = useFocusable();
const searchInputRef = React.useRef(null);
const [active, query] = React.useMemo(() => {
const { pathname: locationPathname, search: locationSearch } = UrlUtils.parse(locationHash.slice(1));
const active = !!locationPathname.match(routesRegexp.search.regexp);
const queryParams = new URLSearchParams(locationSearch);
const query = (active && queryParams.has('q')) ? queryParams.get('q') : '';
return [active, query];
}, [locationHash]);
const active = useRouteActive(routesRegexp.search.regexp);
const query = React.useMemo(() => {
if (active) {
const { search: locationSearch } = UrlUtils.parse(locationHash.slice(1));
const queryParams = new URLSearchParams(locationSearch);
return queryParams.has('q') ? queryParams.get('q') : '';
}
return '';
}, [active, locationHash]);
const searchBarOnClick = React.useCallback(() => {
if (!active) {
window.location = '#/search';