diff --git a/src/renderer/component/fileListSearch/index.js b/src/renderer/component/fileListSearch/index.js
index 77ab70d07..5f4011e2d 100644
--- a/src/renderer/component/fileListSearch/index.js
+++ b/src/renderer/component/fileListSearch/index.js
@@ -1,10 +1,5 @@
import { connect } from 'react-redux';
-import {
- doSearch,
- makeSelectSearchUris,
- selectIsSearching,
- selectSearchDownloadUris,
-} from 'lbry-redux';
+import { makeSelectSearchUris, selectIsSearching, selectSearchDownloadUris } from 'lbry-redux';
import FileListSearch from './view';
const select = (state, props) => ({
@@ -13,8 +8,9 @@ const select = (state, props) => ({
isSearching: selectIsSearching(state),
});
-const perform = dispatch => ({
- search: search => dispatch(doSearch(search)),
-});
+const perform = () => ({});
-export default connect(select, perform)(FileListSearch);
+export default connect(
+ select,
+ perform
+)(FileListSearch);
diff --git a/src/renderer/component/fileListSearch/view.jsx b/src/renderer/component/fileListSearch/view.jsx
index 2831eb970..e77e667df 100644
--- a/src/renderer/component/fileListSearch/view.jsx
+++ b/src/renderer/component/fileListSearch/view.jsx
@@ -3,14 +3,10 @@ import React from 'react';
import FileTile from 'component/fileTile';
import ChannelTile from 'component/channelTile';
import { parseURI } from 'lbry-redux';
-import debounce from 'util/debounce';
-
-const SEARCH_DEBOUNCE_TIME = 800;
const NoResults = () =>
{__('No results')}
;
type Props = {
- search: string => void,
query: string,
isSearching: boolean,
uris: ?Array,
@@ -18,27 +14,6 @@ type Props = {
};
class FileListSearch extends React.PureComponent {
- constructor(props: Props) {
- super(props);
- this.debouncedSearch = debounce(this.props.search, SEARCH_DEBOUNCE_TIME);
- }
-
- componentDidMount() {
- const { search, query } = this.props;
- search(query);
- }
-
- componentWillReceiveProps(nextProps: Props) {
- const { query: nextQuery } = nextProps;
- const { query: currentQuerry } = this.props;
-
- if (nextQuery !== currentQuerry) {
- this.debouncedSearch(nextQuery);
- }
- }
-
- debouncedSearch: string => void;
-
render() {
const { uris, query, downloadUris, isSearching } = this.props;
diff --git a/src/renderer/component/wunderbar/index.js b/src/renderer/component/wunderbar/index.js
index 9aa3778ea..2332fc81a 100644
--- a/src/renderer/component/wunderbar/index.js
+++ b/src/renderer/component/wunderbar/index.js
@@ -26,7 +26,7 @@ const select = state => {
const perform = dispatch => ({
onSearch: query => {
- dispatch(doSearch(query));
+ dispatch(doSearch(query, 30)); // Hard coding this for now until https://github.com/lbryio/lbry-app/pull/1639 is merged
dispatch(doNavigate(`/search`, { query }));
},
onSubmit: (uri, extraParams) => dispatch(doNavigate('/show', { uri, ...extraParams })),
diff --git a/src/renderer/page/search/index.js b/src/renderer/page/search/index.js
index 75d1f6b00..f640f75f0 100644
--- a/src/renderer/page/search/index.js
+++ b/src/renderer/page/search/index.js
@@ -1,12 +1,11 @@
-import React from 'react';
import { connect } from 'react-redux';
-import { selectIsSearching, selectSearchValue, doUpdateSearchQuery } from 'lbry-redux';
+import { selectIsSearching, doUpdateSearchQuery, makeSelectCurrentParam } from 'lbry-redux';
import { doNavigate } from 'redux/actions/navigation';
import SearchPage from './view';
const select = state => ({
isSearching: selectIsSearching(state),
- query: selectSearchValue(state),
+ query: makeSelectCurrentParam('query')(state),
});
const perform = dispatch => ({
@@ -14,4 +13,7 @@ const perform = dispatch => ({
updateSearchQuery: query => dispatch(doUpdateSearchQuery(query)),
});
-export default connect(select, perform)(SearchPage);
+export default connect(
+ select,
+ perform
+)(SearchPage);
diff --git a/src/renderer/page/search/view.jsx b/src/renderer/page/search/view.jsx
index b0127a7d9..b28882adc 100644
--- a/src/renderer/page/search/view.jsx
+++ b/src/renderer/page/search/view.jsx
@@ -8,31 +8,11 @@ import Page from 'component/page';
import Icon from 'component/common/icon';
import * as icons from 'constants/icons';
-const MODAL_ANIMATION_TIME = 250;
-
type Props = {
query: ?string,
};
class SearchPage extends React.PureComponent {
- constructor() {
- super();
-
- this.input = null;
- }
-
- componentDidMount() {
- // Wait for the modal to animate down before focusing
- // without this there is an issue with scroll the page down
- setTimeout(() => {
- if (this.input) {
- this.input.focus();
- }
- }, MODAL_ANIMATION_TIME);
- }
-
- input: ?HTMLInputElement;
-
render() {
const { query } = this.props;
return (