Add ability to search through publishes. #7535

Merged
Ruk33 merged 8 commits from 3139-ability-to-search-through-publishes into master 2022-04-15 05:06:00 +02:00
2 changed files with 69 additions and 61 deletions
Showing only changes of commit 8ede588b38 - Show all commits

View file

@ -2306,5 +2306,6 @@
"Privacy": "Privacy", "Privacy": "Privacy",
"LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?": "LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?", "LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?": "LBRY takes privacy and choice seriously. Is it ok if we monitor performance and help creators track their views?",
"Yes, share with LBRY": "Yes, share with LBRY", "Yes, share with LBRY": "Yes, share with LBRY",
"Search Uploads": "Search Uploads",
"--end--": "--end--" "--end--": "--end--"
} }

View file

@ -4,6 +4,7 @@ import * as ICONS from 'constants/icons';
import React, { useEffect, useMemo } from 'react'; import React, { useEffect, useMemo } from 'react';
import Button from 'component/button'; import Button from 'component/button';
import ClaimList from 'component/claimList'; import ClaimList from 'component/claimList';
import ClaimPreview from 'component/claimPreview';
import Page from 'component/page'; import Page from 'component/page';
import Paginate from 'component/common/paginate'; import Paginate from 'component/common/paginate';
import { PAGE_PARAM, PAGE_SIZE_PARAM } from 'constants/claim'; import { PAGE_PARAM, PAGE_SIZE_PARAM } from 'constants/claim';
@ -126,6 +127,8 @@ function FileListPublished(props: Props) {
return ( return (
<Page> <Page>
<div className="card-stack"> <div className="card-stack">
{!!urls && (
<>
<ClaimList <ClaimList
noEmpty noEmpty
header={ header={
@ -183,10 +186,14 @@ function FileListPublished(props: Props) {
</div> </div>
} }
persistedStorageKey="claim-list-published" persistedStorageKey="claim-list-published"
uris={urls} uris={fetching ? [] : urls}
loading={fetching} loading={fetching}
/> />
{fetching &&
new Array(Number(pageSize)).fill(1).map((x, i) => <ClaimPreview key={i} placeholder="loading" />)}
<Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} /> <Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} />
</>
)}
</div> </div>
{!fetching && myClaims.length === 0 && ( {!fetching && myClaims.length === 0 && (
<React.Fragment> <React.Fragment>