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

use button-toggle group for page title

Browse source
This commit is contained in:
Sean Yesmunt 2021-03-16 11:45:14 -04:00
parent 475256e63a
commit 2ddfde1480
2 changed files with 30 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
static/app-strings.json
View file

@ -1261,6 +1261,7 @@
"Unmute": "Unmute",
"Manage notifications": "Manage notifications",
"Uploads": "Uploads",
"All uploads": "All uploads",
"Advanced settings": "Advanced settings",
"Browse": "Browse",
"Automatic transcoding": "Automatic transcoding",

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

@ -68,7 +68,35 @@ function FileListPublished(props: Props) {
{!!(urls && urls.length) && (
<>
<ClaimList
header={<h1 className="section__title">{__('Uploads')}</h1>}
header={
<span>
<Button
button="alt"
label={__('All')}
aria-label={__('All uploads')}
onClick={() => setFilterBy(FILTER_ALL)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_ALL,
})}
/>
<Button
button="alt"
label={__('Uploads')}
onClick={() => setFilterBy(FILTER_UPLOADS)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_UPLOADS,
})}
/>
<Button
button="alt"
label={__('Reposts')}
onClick={() => setFilterBy(FILTER_REPOSTS)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_REPOSTS,
})}
/>
</span>
}
headerAltControls={
<div className="card__actions--inline">
{fetching && <Spinner type="small" />}
@ -87,32 +115,6 @@ function FileListPublished(props: Props) {
navigate={`/$/${PAGES.UPLOAD}`}
onClick={() => clearPublish()}
/>
<span>
<Button
button="alt"
label={__('All')}
onClick={() => setFilterBy(FILTER_ALL)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_ALL,
})}
/>
<Button
button="alt"
label={__('Uploads')}
onClick={() => setFilterBy(FILTER_UPLOADS)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_UPLOADS,
})}
/>
<Button
button="alt"
label={__('Reposts')}
onClick={() => setFilterBy(FILTER_REPOSTS)}
className={classnames(`button-toggle`, {
'button-toggle--active': filterBy === FILTER_REPOSTS,
})}
/>
</span>
</div>
}
persistedStorageKey="claim-list-published"