about to add last couple changes
This commit is contained in:
parent
9cb49ddb47
commit
a7d7a8c84b
4 changed files with 29 additions and 10 deletions
|
@ -88,7 +88,7 @@ const WalletBalance = (props: Props) => {
|
||||||
label={
|
label={
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
transaction.channel_claim_id === transaction.source_claim_id
|
||||||
? 'Channel Page'
|
? 'Channel Page'
|
||||||
: 'File Page'
|
: 'Content Page'
|
||||||
}
|
}
|
||||||
button="link"
|
button="link"
|
||||||
/>
|
/>
|
||||||
|
@ -143,7 +143,7 @@ const WalletBalance = (props: Props) => {
|
||||||
label={
|
label={
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
transaction.channel_claim_id === transaction.source_claim_id
|
||||||
? 'Channel Page'
|
? 'Channel Page'
|
||||||
: 'File Page'
|
: 'Content Page'
|
||||||
}
|
}
|
||||||
button="link"
|
button="link"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -6,6 +6,7 @@ import Button from 'component/button';
|
||||||
import Card from 'component/common/card';
|
import Card from 'component/common/card';
|
||||||
import Icon from 'component/common/icon';
|
import Icon from 'component/common/icon';
|
||||||
import I18nMessage from 'component/i18nMessage';
|
import I18nMessage from 'component/i18nMessage';
|
||||||
|
import Plastic from 'react-plastic';
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
totalTippedAmount: number,
|
totalTippedAmount: number,
|
||||||
|
@ -20,6 +21,15 @@ const WalletBalance = (props: Props) => {
|
||||||
transactions,
|
transactions,
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
|
// let cardDetails = {
|
||||||
|
// brand: card.brand,
|
||||||
|
// expiryYear: card.exp_year,
|
||||||
|
// expiryMonth: card.exp_month,
|
||||||
|
// lastFour: card.last4,
|
||||||
|
// topOfDisplay: topOfDisplay,
|
||||||
|
// bottomOfDisplay: bottomOfDisplay,
|
||||||
|
// };
|
||||||
|
|
||||||
// const [detailsExpanded, setDetailsExpanded] = React.useState(false);
|
// const [detailsExpanded, setDetailsExpanded] = React.useState(false);
|
||||||
const [totalCreatorsSupported, setTotalCreatorsSupported] = React.useState(false);
|
const [totalCreatorsSupported, setTotalCreatorsSupported] = React.useState(false);
|
||||||
|
|
||||||
|
@ -40,16 +50,18 @@ const WalletBalance = (props: Props) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>{<Card
|
<>{<Card
|
||||||
title={<><Icon size="18" icon={ICONS.FINANCE} />{totalTippedAmount} USD</>}
|
subtitle={ 1 == 2 && <h2>Hello</h2>
|
||||||
subtitle={
|
// <Plastic
|
||||||
<I18nMessage>
|
// type={userCardDetails.brand}
|
||||||
The total amount you have tipped to different creators
|
// name={userCardDetails.topOfDisplay + ' ' + userCardDetails.bottomOfDisplay}
|
||||||
</I18nMessage>
|
// expiry={userCardDetails.expiryMonth + '/' + userCardDetails.expiryYear}
|
||||||
|
// number={'____________' + userCardDetails.lastFour}
|
||||||
|
// />
|
||||||
}
|
}
|
||||||
actions={
|
actions={
|
||||||
<>
|
<>
|
||||||
<h2 className="section__title--small">
|
<h2 className="section__title--small">
|
||||||
{transactions && transactions.length} Total Tips
|
{(transactions && transactions.length) || 0} Total Tips
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<h2 className="section__title--small">
|
<h2 className="section__title--small">
|
||||||
|
|
|
@ -125,7 +125,7 @@ const WalletBalance = (props: Props) => {
|
||||||
label={
|
label={
|
||||||
transaction.channel_claim_id === transaction.source_claim_id
|
transaction.channel_claim_id === transaction.source_claim_id
|
||||||
? 'Channel Page'
|
? 'Channel Page'
|
||||||
: 'File Page'
|
: 'Content Page'
|
||||||
}
|
}
|
||||||
button="link"
|
button="link"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -265,12 +265,19 @@ class StripeAccountConnection extends React.Component<Props, State> {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
actions={
|
actions={
|
||||||
|
<>{ 1 == 2 && <Button
|
||||||
|
button="primary"
|
||||||
|
label={__('View Transactions')}
|
||||||
|
icon={ICONS.SETTINGS}
|
||||||
|
navigate={`/$/${PAGES.WALLET}?tab=account-history`}
|
||||||
|
style={{marginRight: '10px'}}
|
||||||
|
/> }
|
||||||
<Button
|
<Button
|
||||||
button="primary"
|
button="primary"
|
||||||
label={__('View Transactions')}
|
label={__('View Transactions')}
|
||||||
icon={ICONS.SETTINGS}
|
icon={ICONS.SETTINGS}
|
||||||
navigate={`/$/${PAGES.WALLET}?tab=account-history`}
|
navigate={`/$/${PAGES.WALLET}?tab=account-history`}
|
||||||
/>
|
/></>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
|
|
Loading…
Add table
Reference in a new issue