From e587495a2e6b5bdd18bf715c7afdc4b85be6b8eb Mon Sep 17 00:00:00 2001 From: NikolaBorislavovHristov Date: Fri, 17 May 2019 12:34:47 +0300 Subject: [PATCH] SearchBar not use memo --- src/common/NavBar/SearchBar/SearchBar.js | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/src/common/NavBar/SearchBar/SearchBar.js b/src/common/NavBar/SearchBar/SearchBar.js index 0d10a784a..bb553a151 100644 --- a/src/common/NavBar/SearchBar/SearchBar.js +++ b/src/common/NavBar/SearchBar/SearchBar.js @@ -7,7 +7,7 @@ const { Input, useFocusable } = require('stremio-navigation'); const useLocationHash = require('../../useLocationHash'); const styles = require('./styles'); -const SearchBar = React.memo(({ className }) => { +const SearchBar = ({ className }) => { const locationHash = useLocationHash(); const focusable = useFocusable(); const searchInputRef = React.useRef(null); @@ -21,7 +21,7 @@ const SearchBar = React.memo(({ className }) => { const navigateToSearch = React.useCallback(() => { window.location = '#/search'; }, []); - const onQueryInputSubmit = React.useCallback(() => { + const queryInputOnSubmit = React.useCallback(() => { window.location.replace(`#/search?q=${searchInputRef.current.value}`); }, []); React.useEffect(() => { @@ -45,21 +45,19 @@ const SearchBar = React.memo(({ className }) => { autoCorrect={'off'} autoCapitalize={'off'} spellCheck={false} - onSubmit={onQueryInputSubmit} + onSubmit={queryInputOnSubmit} /> :
Search
} - + ); -}); - -SearchBar.displayName = 'SearchBar'; +}; SearchBar.propTypes = { className: PropTypes.string