summaryrefslogtreecommitdiff
path: root/scraper/client/search/search.container.js
diff options
context:
space:
mode:
Diffstat (limited to 'scraper/client/search/search.container.js')
-rw-r--r--scraper/client/search/search.container.js101
1 files changed, 0 insertions, 101 deletions
diff --git a/scraper/client/search/search.container.js b/scraper/client/search/search.container.js
deleted file mode 100644
index 965d7c8e..00000000
--- a/scraper/client/search/search.container.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { Component } from 'react'
-import { withRouter } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
-import * as querystring from 'querystring'
-
-import * as searchActions from './search.actions'
-import * as metadataActions from '../metadata/metadata.actions'
-
-import SearchQuery from './search.query'
-import SearchResults from './search.results'
-import SearchSafety from './search.safety'
-
-class SearchContainer extends Component {
- componentDidMount() {
- const qs = querystring.parse(this.props.location.search.substr(1))
- if (qs && qs.url) {
- this.props.searchActions.search(qs.url)
- } else {
- this.searchByHash()
- }
- }
-
- componentDidUpdate(prevProps) {
- if (prevProps.match.params !== this.props.match.params && JSON.stringify(this.props.match.params) !== JSON.stringify(prevProps.match.params)) {
- this.searchByHash()
- }
- // const qsOld = querystring.parse(prevProps.location.search.substr(1))
- // const qsNew = querystring.parse(this.props.location.search.substr(1))
- // if (qsOld && qsNew && qsNew.url && qsNew.url !== qsOld.url) {
- // this.props.actions.search(qsNew.url)
- // }
- }
-
- searchByHash(offset = 0) {
- const { verified, hash, frame } = this.props.match.params
- if (verified && hash && frame) {
- this.props.searchActions.searchByVerifiedFrame(verified, hash, frame, offset)
- } else if (hash && frame) {
- this.props.searchActions.searchByFrame(hash, frame, offset)
- }
- if (hash && !offset) {
- this.props.metadataActions.fetchMetadata(hash)
- }
- }
-
- searchByOffset() {
- const offset = this.props.query.results.length
- const qs = querystring.parse(this.props.location.search.substr(1))
- if (qs && qs.url) {
- this.props.searchActions.search(qs.url, offset)
- }
- else {
- this.searchByHash(offset)
- }
- }
-
- render() {
- const { query, results, loadingMore } = this.props.query
- const options = this.props.options
- // console.log('search container', query, results, loadingMore)
- let showLoadMore = true
- if (!query || query.reset || query.loading || !results || !results.length) {
- showLoadMore = false
- }
- let isWide = (results && results.length > Math.min(options.perPage, 30))
- let isMoreLoaded = (results && results.length > options.perPage)
- return (
- <div className='searchContainer'>
- <SearchQuery />
- <SearchResults />
- {showLoadMore
- ? !loadingMore
- ? <button
- onClick={() => this.searchByOffset()}
- className={isWide ? 'btn loadMore wide' : 'btn loadMore'}
- >
- Load more
- </button>
- : <div className='loadingMore'>{'Loading more results...'}</div>
- : <div>
- </div>
- }
- {!isMoreLoaded && <SearchSafety />}
- </div>
- )
- }
-}
-
-const mapStateToProps = state => ({
- query: state.search.query,
- options: state.search.options,
- metadata: state.metadata,
-})
-
-const mapDispatchToProps = dispatch => ({
- searchActions: bindActionCreators({ ...searchActions }, dispatch),
- metadataActions: bindActionCreators({ ...metadataActions }, dispatch),
-})
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchContainer))