lbry-desktop/ui/page/top/view.jsx
jessop 9dc9d50e19 add options card to claim search
changes

almost done

wip

wip

more

changes after comment

detect custom qs and show options

ux and mobile styling

bugfix

console logs

appstrings
2020-02-28 13:30:29 -05:00

33 lines
855 B
JavaScript

// @flow
import React from 'react';
import Page from 'component/page';
import ClaimListDiscover from 'component/claimListDiscover';
import ClaimEffectiveAmount from 'component/claimEffectiveAmount';
import { ORDER_BY_TOP, FRESH_ALL } from 'constants/claim_search';
type Props = {
name: string,
};
function TopPage(props: Props) {
const { name } = props;
return (
<Page>
<ClaimListDiscover
name={name}
defaultFreshness={FRESH_ALL}
defaultOrderBy={ORDER_BY_TOP}
includeSupportAction
renderProperties={claim => (
<span className="media__subtitle">
<ClaimEffectiveAmount uri={claim.repost_url || claim.canonical_url} />
</span>
)}
header={<span>{__('Top claims at lbry://%name%', { name })}</span>}
/>
</Page>
);
}
export default TopPage;