ui/ux touchup

This commit is contained in:
zeppi 2022-04-14 22:49:26 -04:00
parent d2c9dea925
commit db3868d65e
3 changed files with 63 additions and 61 deletions

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

@ -126,8 +126,6 @@ function FileListPublished(props: Props) {
return ( return (
<Page> <Page>
<div className="card-stack"> <div className="card-stack">
{!fetching && myClaims.length > 0 && (
<>
<ClaimList <ClaimList
noEmpty noEmpty
header={ header={
@ -164,10 +162,13 @@ function FileListPublished(props: Props) {
} }
headerAltControls={ headerAltControls={
<div className="card__actions--inline"> <div className="card__actions--inline">
{fetching && <Spinner type="small" />} <Button
{!fetching && ( button="alt"
<Button button="alt" label={__('Refresh')} icon={ICONS.REFRESH} onClick={fetchAllMyClaims} /> label={__('Refresh')}
)} icon={ICONS.REFRESH}
disabled={fetching}
onClick={fetchAllMyClaims}
/>
<Form onSubmit={() => {}} className="wunderbar--inline"> <Form onSubmit={() => {}} className="wunderbar--inline">
<Icon icon={ICONS.SEARCH} /> <Icon icon={ICONS.SEARCH} />
<FormField <FormField
@ -175,7 +176,7 @@ function FileListPublished(props: Props) {
value={searchText} value={searchText}
onChange={(e) => setSearchText(e.target.value)} onChange={(e) => setSearchText(e.target.value)}
type="text" type="text"
placeholder={__('Search')} placeholder={__('Search Uploads')}
disabled={filterBy === FILTER_REPOSTS} disabled={filterBy === FILTER_REPOSTS}
/> />
</Form> </Form>
@ -183,10 +184,9 @@ function FileListPublished(props: Props) {
} }
persistedStorageKey="claim-list-published" persistedStorageKey="claim-list-published"
uris={urls} uris={urls}
loading={fetching}
/> />
<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>

View file

@ -98,6 +98,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
} }
border-radius: var(--border-radius);
} }
.wunderbar__suggestions { .wunderbar__suggestions {