47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import lbryuri from 'lbryuri';
|
|
import FileTile from 'component/fileTile';
|
|
import FileListSearch from 'component/fileListSearch';
|
|
import { ToolTip } from 'component/tooltip.js';
|
|
import { BusyMessage } from 'component/common.js';
|
|
|
|
class SearchPage extends React.Component {
|
|
render() {
|
|
const { query } = this.props;
|
|
|
|
return (
|
|
<main className="main--single-column">
|
|
{lbryuri.isValid(query)
|
|
? <section className="section-spaced">
|
|
<h3 className="card-row__header">
|
|
{__('Exact URL')}
|
|
{' '}<ToolTip
|
|
label="?"
|
|
body={__(
|
|
'This is the resolution of a LBRY URL and not controlled by LBRY Inc.'
|
|
)}
|
|
className="tooltip--header"
|
|
/>
|
|
</h3>
|
|
<FileTile
|
|
uri={lbryuri.normalize(query)}
|
|
showEmpty={FileTile.SHOW_EMPTY_PUBLISH}
|
|
/>
|
|
</section>
|
|
: ''}
|
|
<section className="section-spaced">
|
|
<h3 className="card-row__header">
|
|
{__('Search Results for')} {query}
|
|
{' '}<ToolTip
|
|
label="?"
|
|
body={__('These search results are provided by LBRY, Inc.')}
|
|
className="tooltip--header"
|
|
/>
|
|
</h3>
|
|
<FileListSearch query={query} />
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|
|
}
|
|
export default SearchPage;
|