50 lines
1.5 KiB
JavaScript
50 lines
1.5 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.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;
|