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

pull export and refresh buttons to the right

Browse source
This commit is contained in:
Anthony 2021-08-20 20:48:28 +02:00
parent 1785009fa1
commit d17a333fc6
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
1 changed files with 79 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ui/component/txoList/view.jsx
View file

@ -291,10 +291,12 @@ function TxoList(props: Props) {
return ( return (
<Card <Card
title={ title={
<><div className="table__header-text">{__(`Transactions`)}</div> <><div className="table__header-text" style={{display: 'inline'}}>{__(`Transactions`)}</div>
<div style={{display: 'inline-block'}}> <div style={{ display: 'inline'}}>
<fieldset-section> <fieldset-section style={{ display: 'inline'}}>
<div className={'txo__radios'}> {/* toggle between LBC and fiat buttons */}
<div className={'txo__radios'} style={{ display: 'inline'}}>
{/* toggle to LBC */}
<Button <Button
button="alt" button="alt"
onClick={(e) => handleChange({ changedParameterKey: QUERY_NAME_CURRENCY, value: 'credits' })} onClick={(e) => handleChange({ changedParameterKey: QUERY_NAME_CURRENCY, value: 'credits' })}
@ -303,6 +305,7 @@ function TxoList(props: Props) {
})} })}
label={__('Credits')} label={__('Credits')}
/> />
{/* toggle to fiat */}
<Button <Button
button="alt" button="alt"
onClick={(e) => handleChange({ changedParameterKey: QUERY_NAME_CURRENCY, value: 'fiat' })} onClick={(e) => handleChange({ changedParameterKey: QUERY_NAME_CURRENCY, value: 'fiat' })}
@ -322,8 +325,10 @@ function TxoList(props: Props) {
? <div> ? <div>
{/* LBC transactions section */} {/* LBC transactions section */}
<div className="card__body-actions"> <div className="card__body-actions">
<div className="card__actions"> <div className="card__actions card__actions--between">
<div className="card__actions--inline">
<div> <div>
{/* LBC transaction type dropdown */}
<FormField <FormField
type="select" type="select"
name="type" name="type"
@ -371,6 +376,7 @@ function TxoList(props: Props) {
<fieldset-section> <fieldset-section>
<label>{__('Status')}</label> <label>{__('Status')}</label>
<div className={'txo__radios'}> <div className={'txo__radios'}>
{/* active transactions button */}
<Button <Button
button="alt" button="alt"
onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'active' })} onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'active' })}
@ -379,6 +385,7 @@ function TxoList(props: Props) {
})} })}
label={__('Active')} label={__('Active')}
/> />
{/* historical transactions button */}
<Button <Button
button="alt" button="alt"
onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'spent' })} onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'spent' })}
@ -387,6 +394,7 @@ function TxoList(props: Props) {
})} })}
label={__('Historical')} label={__('Historical')}
/> />
{/* all transactions button */}
<Button <Button
button="alt" button="alt"
onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'all' })} onClick={(e) => handleChange({ changedParameterKey: TXO.ACTIVE, value: 'all' })}
@ -399,8 +407,10 @@ function TxoList(props: Props) {
</fieldset-section> </fieldset-section>
</div> </div>
)} )}
</div>
{/* TODO: use card-between to display this properly */} {/* TODO: use card-between to display this properly */}
<div className="card__actions--inline" style={{marginLeft: '181px'}}> {/* export and refresh buttons */}
<div className="card__actions--inline">
{!isFetchingTransactions && transactionsFile === null && ( {!isFetchingTransactions && transactionsFile === null && (
<label>{<span className="error__text">{__('Failed to process fetched data.')}</span>}</label> <label>{<span className="error__text">{__('Failed to process fetched data.')}</span>}</label>
)} )}