adding last features

This commit is contained in:
Anthony 2021-07-29 22:09:16 +02:00
parent ae239f5f82
commit 0d1d173fc3
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
4 changed files with 27 additions and 23 deletions

View file

@ -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();

View file

@ -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>
)}

View file

@ -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>
</>
}

View file

@ -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>
</>
}