lbry-desktop/ui/js/page/search/view.jsx

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;