adding last features
This commit is contained in:
parent
ae239f5f82
commit
0d1d173fc3
4 changed files with 27 additions and 23 deletions
|
@ -47,6 +47,10 @@ const WalletBalance = (props: Props) => {
|
|||
accountTransactions = accountTransactions.reverse();
|
||||
}
|
||||
|
||||
if(accountTransactions && accountTransactions.length > 10 ){
|
||||
accountTransactions.length = 10;
|
||||
}
|
||||
|
||||
const [detailsExpanded, setDetailsExpanded] = React.useState(false);
|
||||
const [accountStatusResponse, setAccountStatusResponse] = React.useState();
|
||||
|
||||
|
|
|
@ -37,7 +37,7 @@ const WalletBalance = (props: Props) => {
|
|||
actions={
|
||||
<>
|
||||
<h2 className="section__title--small">
|
||||
${accountDetails && accountDetails.total_tipped / 100 || 0} Received Total
|
||||
${accountDetails && accountDetails.total_tipped / 100 || 0} Total Received Tips
|
||||
</h2>
|
||||
|
||||
<h2 className="section__title--small">
|
||||
|
@ -55,8 +55,8 @@ const WalletBalance = (props: Props) => {
|
|||
<div className="section__subtitle">
|
||||
<dl>
|
||||
<dt>
|
||||
<span className="dt__text">{__('...earned from others')}</span>
|
||||
<span className="help--dt">({__('Unlock to spend')})</span>
|
||||
<span className="dt__text">{__('Earned from uploads')}</span>
|
||||
{/*<span className="help--dt">({__('Earned from channel page')})</span>*/}
|
||||
</dt>
|
||||
<dd>
|
||||
<span className="dd__text">
|
||||
|
@ -72,20 +72,20 @@ const WalletBalance = (props: Props) => {
|
|||
</dd>
|
||||
|
||||
<dt>
|
||||
<span className="dt__text">{__('...on initial publishes')}</span>
|
||||
<span className="help--dt">({__('Delete or edit past content to spend')})</span>
|
||||
<span className="dt__text">{__('Earned from channel page')}</span>
|
||||
{/*<span className="help--dt">({__('Delete or edit past content to spend')})</span>*/}
|
||||
</dt>
|
||||
<dd>
|
||||
<CreditAmount amount={1} precision={4} />
|
||||
</dd>
|
||||
|
||||
<dt>
|
||||
<span className="dt__text">{__('...supporting content')}</span>
|
||||
<span className="help--dt">({__('Delete supports to spend')})</span>
|
||||
</dt>
|
||||
<dd>
|
||||
<CreditAmount amount={1} precision={4} />
|
||||
</dd>
|
||||
{/*<dt>*/}
|
||||
{/* <span className="dt__text">{__('...supporting content')}</span>*/}
|
||||
{/* <span className="help--dt">({__('Delete supports to spend')})</span>*/}
|
||||
{/*</dt>*/}
|
||||
{/*<dd>*/}
|
||||
{/* <CreditAmount amount={1} precision={4} />*/}
|
||||
{/*</dd>*/}
|
||||
</dl>
|
||||
</div>
|
||||
)}
|
||||
|
|
|
@ -45,17 +45,17 @@ const WalletBalance = (props: Props) => {
|
|||
actions={
|
||||
<>
|
||||
<h2 className="section__title--small">
|
||||
${accountDetails && accountDetails.total_tipped / 100 || 0 } Received Total
|
||||
${totalTippedAmount} Total Paid Out
|
||||
</h2>
|
||||
|
||||
<h2 className="section__title--small">
|
||||
${accountDetails && accountDetails.total_paid_out/100 || 0 } Withdrawn
|
||||
<Button
|
||||
button="link"
|
||||
label={detailsExpanded ? __('View less') : __('View more')}
|
||||
iconRight={detailsExpanded ? ICONS.UP : ICONS.DOWN}
|
||||
onClick={() => setDetailsExpanded(!detailsExpanded)}
|
||||
/>
|
||||
{'totalCreatorsSupported'} Creators Supported
|
||||
{/*<Button*/}
|
||||
{/* button="link"*/}
|
||||
{/* label={detailsExpanded ? __('View less') : __('View more')}*/}
|
||||
{/* iconRight={detailsExpanded ? ICONS.UP : ICONS.DOWN}*/}
|
||||
{/* onClick={() => setDetailsExpanded(!detailsExpanded)}*/}
|
||||
{/*/>*/}
|
||||
</h2>
|
||||
|
||||
{/* view more section */}
|
||||
|
@ -100,8 +100,8 @@ const WalletBalance = (props: Props) => {
|
|||
)}
|
||||
|
||||
<div className="section__actions">
|
||||
<Button button="primary" label={__('Receive Payout')} icon={ICONS.SEND} />
|
||||
<Button button="secondary" label={__('Account Configuration')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_ACCOUNT}`} />
|
||||
{/*<Button button="primary" label={__('Receive Payout')} icon={ICONS.SEND} />*/}
|
||||
<Button button="secondary" label={__('Manage Cards')} icon={ICONS.SETTINGS} navigate={`/$/${PAGES.SETTINGS_STRIPE_ACCOUNT}`} />
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
|
|
|
@ -207,7 +207,7 @@ const WalletBalance = (props: Props) => {
|
|||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign:"center", marginTop: '20px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
|
||||
{(!subscriptions || subscriptions.length === 0) && <p style={{textAlign:"center", marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>}
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue