lbry-desktop/src/renderer/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";

class SearchPage extends React.PureComponent {
  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;