LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

ui/ux touchup

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
static/app-strings.json
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--"
} }

122
ui/page/fileListPublished/view.jsx
View file

@ -126,67 +126,67 @@ function FileListPublished(props: Props) {
return ( return (
<Page> <Page>
<div className="card-stack"> <div className="card-stack">
{!fetching && myClaims.length > 0 && ( <ClaimList
<> noEmpty
<ClaimList header={
noEmpty <span>
header={ <Button
<span> button="alt"
<Button label={__('All')}
button="alt" aria-label={__('All uploads')}
label={__('All')} onClick={() => setFilterBy(FILTER_ALL)}
aria-label={__('All uploads')} className={classnames(`button-toggle`, {
onClick={() => setFilterBy(FILTER_ALL)} 'button-toggle--active': filterBy === FILTER_ALL,
className={classnames(`button-toggle`, { })}
'button-toggle--active': filterBy === FILTER_ALL, />
})} <Button
/> button="alt"
<Button label={__('Uploads')}
button="alt" onClick={() => setFilterBy(FILTER_UPLOADS)}
label={__('Uploads')} className={classnames(`button-toggle`, {
onClick={() => setFilterBy(FILTER_UPLOADS)} 'button-toggle--active': filterBy === FILTER_UPLOADS,
className={classnames(`button-toggle`, { })}
'button-toggle--active': filterBy === FILTER_UPLOADS, />
})} <Button
/> button="alt"
<Button label={__('Reposts')}
button="alt" onClick={() => {
label={__('Reposts')} setFilterBy(FILTER_REPOSTS);
onClick={() => { setSearchText('');
setFilterBy(FILTER_REPOSTS); }}
setSearchText(''); className={classnames(`button-toggle`, {
}} 'button-toggle--active': filterBy === FILTER_REPOSTS,
className={classnames(`button-toggle`, { })}
'button-toggle--active': filterBy === FILTER_REPOSTS, />
})} </span>
/> }
</span> headerAltControls={
} <div className="card__actions--inline">
headerAltControls={ <Button
<div className="card__actions--inline"> button="alt"
{fetching && <Spinner type="small" />} label={__('Refresh')}
{!fetching && ( icon={ICONS.REFRESH}
<Button button="alt" label={__('Refresh')} icon={ICONS.REFRESH} onClick={fetchAllMyClaims} /> disabled={fetching}
)} onClick={fetchAllMyClaims}
<Form onSubmit={() => {}} className="wunderbar--inline"> />
<Icon icon={ICONS.SEARCH} /> <Form onSubmit={() => {}} className="wunderbar--inline">
<FormField <Icon icon={ICONS.SEARCH} />
className="wunderbar__input--inline" <FormField
value={searchText} className="wunderbar__input--inline"
onChange={(e) => setSearchText(e.target.value)} value={searchText}
type="text" onChange={(e) => setSearchText(e.target.value)}
placeholder={__('Search')} type="text"
disabled={filterBy === FILTER_REPOSTS} placeholder={__('Search Uploads')}
/> disabled={filterBy === FILTER_REPOSTS}
</Form> />
</div> </Form>
} </div>
persistedStorageKey="claim-list-published" }
uris={urls} persistedStorageKey="claim-list-published"
/> uris={urls}
<Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} /> loading={fetching}
</> />
)} <Paginate totalPages={urlTotal > 0 ? Math.ceil(urlTotal / Number(pageSize)) : 1} />
</div> </div>
{!fetching && myClaims.length === 0 && ( {!fetching && myClaims.length === 0 && (
<React.Fragment> <React.Fragment>

1
ui/scss/component/_wunderbar.scss
View file

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